我正在尝试在 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
是包含 jqtree 的 div
。
当我填充它时,我得到以下信息:
我想要的是让树的顶部元素与列表的第一个元素对齐。
我已经尝试在 container
和 stree
div 上设置 vertical-align
但还没有成功。
HTML/CSS 不是我的主要专业领域,所以我可能在这里做了一些愚蠢的事情。但如果我能得到任何帮助,我将不胜感激。
最佳答案
我尝试了以下 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 旁边。
关于javascript - 电子应用程序中的 jQtree 定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44868211/