gpt4 book ai didi

css - 水平对齐容器? (最简单的方法?)CSS

转载 作者:太空宇宙 更新时间:2023-11-04 04:44:20 24 4
gpt4 key购买 nike

水平对齐容器的最佳方式是什么?因为我真的不想创建 3 个单独的 div 容器...举个例子:我基本上只想在我的网页中央水平排列三个盒子/容器。

最佳答案

HTML:

<div class="float"></div>
<div class="float"></div>
<div class="float"></div>

CSS:

.float {
width:33.33%;
height:400px;
float:left;
}

或者:

.float {
width:33.33%;
height:400px;
display:inline-block;
}

Demonstration

您可以使用 floatdisplay 属性来水平对齐它们。

关于css - 水平对齐容器? (最简单的方法?)CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14797099/

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