页面布局中最常见的需求就是元素或者文字居中了,但是根据场景的不同,居中也有简单到复杂各种不同的实现方式,有的特定场景下可能还有一些稀奇古怪的bug,本篇就带大家一起了解下,各种场景下,该如何使用 CSS 实现居中。
外边距(margin)
利用margin:0 auto来实现元素水平居中。
绝对定位+margin-left
利用绝对定位(position)+margin-left来实现元素水平居中。
这两种方式都是对块级元素实现水平居中,如果是行内元素的话,可以使用属性text-align:center;当然还有其他实现方式,欢迎大家踊跃补充发言。