gpt4 book ai didi

html - 三个 div 的一个总是在中心

转载 作者:行者123 更新时间:2023-11-28 08:17:51 25 4
gpt4 key购买 nike

我正在尝试编写我的新网页。在顶部,我想要一个名为 top-bar-container 的中心 div,以及其他三个 div 类似的东西:

<div id="top-bar-container">
<div id="top-main-menu-container">
<ul id="main-menu">
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>

<div id="logo-placeholder">
<a href="#"><img src="images/logo.png" width="300" height="75"></a>
</div>

<div id="mail-login-container">

</div>
</div>

当试图获得 div 的效果时,左边总是在最左边,最右边,最右边,而 Logo 总是在中间。我喜欢用 position: absolute 但是这个不太情愿。我必须以不同的方式处理。有谁能帮我实现这个效果吗?

最佳答案

这是一种方法。

#top-bar-container > div {
float: left;
}

关于html - 三个 div 的一个总是在中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28904679/

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