gpt4 book ai didi

css - 如何水平居中可变宽度的 float 元素?

转载 作者:数据小太阳 更新时间:2023-10-29 09:10:06 25 4
gpt4 key购买 nike

如何让可变宽度的 float 元素水平居中?

编辑:我已经使用包含 div 的 float 元素并为容器指定了 width(然后使用 margin: 0 auto; 为容器)。我只是想知道它是否可以在不使用包含元素的情况下完成,或者至少不必为包含元素指定 width

最佳答案

假设 float 且将居中的元素是一个带有 id="content"div...

<body>
<div id="wrap">
<div id="content">
This will be centered
</div>
</div>
</body>

并应用以下 CSS:

#wrap {
float: left;
position: relative;
left: 50%;
}

#content {
float: left;
position: relative;
left: -50%;
}

这是一个很好的reference对此。

关于css - 如何水平居中可变宽度的 float 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1232096/

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