如何水平居中可变宽度的浮动元素？
如何水平居中可变宽度的浮动元素？
提问于 2009-08-05 09:22:33
如何水平居中可变宽度的浮动元素？
编辑:我已经对浮动元素使用了一个包含div，并为容器指定了一个width (然后对容器使用margin: 0 auto; )。我只想知道是否可以不使用包含元素，或者至少不需要为包含元素指定width。
回答 6
Stack Overflow用户
发布于 2012-04-11 06:54:48
.center {
display: table;
margin: auto;
}Stack Overflow用户
发布于 2013-08-13 18:17:22
您可以对width使用fit-content值。
#wrap {
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
margin: auto;
}注意:它只能在最新的浏览器中工作。
Stack Overflow用户
发布于 2014-11-24 19:47:08
当id = container (这是外部div)和id = contained (这是内部div)时，效果更好。强烈推荐的解决方案的问题是，在某些情况下，当浏览器试图迎合left：-50%属性时，它会导致水平滚动条。此解决方案的There is a good reference
#container {
text-align: center;
}
#contained {
text-align: left;
display: inline-block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1232096
复制相关文章
相似问题