2024年网页设计水平居中 篇1
让行内元素水平居中很简单，直接用text-align:center;就可以了。但是要让块级元素水平居中，方法有很多，当然也看具体情况来用哪种方法，下面介绍一下，我常用的几种方法。
1.margin:0 auto;
这个方法只能是元素在正常文档流中的时候才能用，如果用了其他的一些定位，脱离了正常文档流，那就不能用了。
2.position:absolute;left:50%;transform:translateX(-50%);
这个是适用于绝对定位的场景
3.display:-webkit-box;-webkit-box-pack:center;
这个方法可以说效果是比较好的，当然这时你需要用box布局