css定位居中(css怎么让li里面的文字居中)

  页面布局中最常见的需求就是元素或者文字居中了,但是根据场景的不同,居中也有简单到复杂各种不同的实现方式,有的特定场景下可能还有一些稀奇古怪的bug,本篇就带大家一起了解下,各种场景下,该如何使用 CSS 实现居中。

image.png

  外边距(margin)

  利用margin:0 auto来实现元素水平居中。

  绝对定位+margin-left

  利用绝对定位(position)+margin-left来实现元素水平居中。

  这两种方式都是对块级元素实现水平居中,如果是行内元素的话,可以使用属性text-align:center;当然还有其他实现方式,欢迎大家踊跃补充发言。


发表评论

评论列表

还没有评论,快来说点什么吧~