2017-07-02 13 views
0

電子アプリケーションでjqtreeを使用しようとしています。私はそれが必要なすべてをするためにそれを得ることができました。しかし、私はウィンドウに配置することに問題があります。電子アプリケーションでjQtreeの位置決め問題

マイindex.htmlファイルは次のようになります。

<body> 
    <div id="container"> 
     <div id="authors"> 
      <ul id="authlist"></ul> 
     </div> 
     <div id="stree"></div> 
     <div id="clear"></div> 
    </div> 
    <div id="main-area"></div> 
</body> 

し、関連するCSSは次のとおりです。

#container { 
    display: inline-block; 
    width: 610px; 
    margin: auto; 
    border: 10px solid orange'' 
} 
#authors { 
    float: left; 
    width: 200px; 
    border-style: solid; 
} 
#stree { 
    width: 400px; 
    margin-left: 210px; 
    border-style: solid; 
} 
#clear { 
    clear: both; 
} 

streeはjqtreeを保持divです。

私はそれを移入するとき、私は、次を得る:

enter image description here

私が欲しいものは、リストの最初の要素と一致ツリーの最上位の要素を持つことです。

vertical-aligncontainerstree divに設定しようとしましたが、まだ運がありませんでした。

HTML/CSSは私の主要な専門分野ではないので、私はおそらくここで何か愚かなことをしています。しかし、私が得ることができるすべての助けに感謝します。

答えて

1

私は、次のCSSを試してみました:

#container { 
    width: 612px; 
    margin: auto; 
    border: 10px solid orange; 
} 
#authors { 
    float: left; 
    width: 200px; 
    border-style: solid; 
} 
#stree { 
    float: left; 
    width: 400px; 
    border-style: solid; 
} 
#clear { 
    clear: both; 
} 

動作するようです。著者のdivの隣にツリーを配置します。

+0

これはトリックを行うようです – melston