如何将可变宽度的浮动元素水平居中？
编辑：我已经使用包含的div对于浮动元素并指定width对于容器（然后使用margin: 0 auto;对于容器）。我只是想知道是否可以在不使用包含元素的情况下完成，或者至少不需要指定width对于包含元素。
假设浮动且居中的元素是div与id="content"
...
<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%;
}
这里有一个很好的参考 https://docs.webplatform.org/wiki/Floats_and_clearing#Centering_Floats关于这一点。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
