gpt4 book ai didi

css - 如何将流体 div 在同一行上居中?

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

我在 Dreamweaver 中使用流体网格布局,并且在同一行上有三个 div。它看起来不错,但我想将所有三个 div 放在页面的中心。现在他们都向左移动,因为这显然是他们被告知要做的。我只是不知道如何告诉他们要居中。

帮助将不胜感激!

目前看起来完全像这样(不是我的图片):

#item1 {
clear: both;
float: left;
margin-left: 0;
width: 32.6007%;
display: block;
}
#item2 {
clear: none;
float: left;
margin-left: 1.0989%;
width: 32.6007%;
display: block;
}
#item3 {
clear: none;
float: left;
margin-left: 1.0989%;
width: 32.6007%;
display: block;

#featuredholder {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}

编辑:

请看一下这张图片,看看我在做什么。 enter image description here

我需要这些 div 居中并且仍然流畅。

最佳答案

嘿,现在习惯了这样的 css

#wrapper{
margin:0 auto;
width:800px;
overflow:hidden;
}

#item1, #item2 , #item3 {
float:left;
width:30%;
}
#item1{
margin-left:3%;
}

关于css - 如何将流体 div 在同一行上居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12033602/

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