本文共 275 字，大约阅读时间需要 1 分钟。

当被设置元素为块状元素时用 text-align：center 就不起作用了，这时也分两种情况：定宽块状元素和不定宽块状元素。这一小节我们先来讲一讲定宽块状元素。

满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。我们来看个例子就是设置 div 这个块状元素水平居中：

html代码：

  
   
    我是定宽块状元素，哈哈，我要水平居中显示。
   

css代码：

也可以写成：

margin-left:auto;margin-right:auto;

注意：元素的“上下 margin” 是可以随意设置的。

转载地址：http://wyjvi.baihongyu.com/