2024年网页设计css怎么居中 篇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布局