电子应用程序中的 jQtree 定位问题

Question

我正在尝试在 Electron 应用程序中使用 jqtree。我已经能够让它做我需要它做的一切。但是，我运行遇到了将其定位在 window 上的问题。

我的 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。

当我填充它时，我得到以下信息：

我想要的是让树的顶部元素与列表的第一个元素对齐。

我已经尝试在 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;
}

这似乎有效。它将树定位在作者 div.

旁边

电子应用程序中的 jQtree 定位问题

jQtree positioning issue in electron app

html

javascript

css

jquery

jqtree