gpt4 book ai didi

html - 在父级中创建一个 float div 和两个静态 div

转载 作者:太空宇宙 更新时间:2023-11-04 04:27:52 26 4
gpt4 key购买 nike

我知道在 float div 主题上打开了数百个主题,但我无法在那里找到我的问题的答案,出于某种原因,对我来说没有任何效果。我有一个父 div,我想在其上放置两个静态 div,一个在右边,一个在左边,另一个包含 float 在它们之间的主要信息的 div,即它们之间的距离相等。但出于某种原因,它对我不起作用。我所做的每一次更改都会将右侧的 div 向下踢或将主 div 粘在右侧\左侧。这是我的代码:

<html>
<head>
<link rel = "stylesheet" href = "tryout.css">
</head>
<body>
<div id="super_wrap">
<div class="ADDVERTISEMENT"><img src="add.jpg" /></div>
<div id="wrap">
some data
</div>
<div class="ADDVERTISEMENT2"><img src="add.jpg" /></div>
</div>

</body>
</html>

和CSS:

.ADDVERTISEMENT{
margin-top:10px;
float:left;
margin-left:0 auto;
margin-right:0 auto;
}
.ADDVERTISEMENT2{
margin-top:10px;
float:right;
margin-left:0 auto;
margin-right:0 auto;
}
#wrap {
display: inline-block;
width:960px;
padding:10px;
background:red;
margin-left:0 auto;
margin-right:0 auto;
}
#super_wrap{
width:100%;
display: inline-block;
}

最佳答案

text-align:center

#super_wrap 上,将#wrap 移到第三位,在#ADDVERTISEMENT2 之后。然后 #wrap 元素应该居中。

注意:如果 #super_wrap 中没有足够的空间容纳所有 3 个,您仍然会将 #wrap 放到下一行

这是一个工作 fiddle :http://jsfiddle.net/qN4Tp/

关于html - 在父级中创建一个 float div 和两个静态 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17885694/

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