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

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

转载作者：数据小太阳更新时间：2023-10-29 09:10:06

如何让可变宽度的 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/

文章推荐： CSS 单元测试

数据小太阳

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章