電子應用中的jQtree定位問題

Question

我正在嘗試在Electron應用程序中使用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是div持有jqtree。

當我填充它時，我得到以下信息：

我想要的是使樹的頂部元素與列表的第一個元素對齊。

我嘗試在container和stree div上設置vertical-align ，但是還沒有任何運氣。

HTML / CSS不是我的主要專長，因此我可能在這里做一些愚蠢的事情。 但我將不勝感激。

Answer 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;
}

它似乎有效。 它將樹放置在authors div旁邊。

電子應用中的jQtree定位問題

問題描述

1 個解決方案

解決方案1
1 已采納 2017-07-09 11:24:02

電子應用中的jQtree定位問題

問題描述

1 個解決方案

解決方案1 1 已采納 2017-07-09 11:24:02

解決方案1
1 已采納 2017-07-09 11:24:02