gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 08:29:57 25 4
gpt4 key购买 nike

我正在尝试在 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

当我填充它时,我得到以下信息:

enter image description here

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

我已经尝试在 containerstree 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com