CSS样式小技巧

1.水平居中设置

①行内元素（内联元素）

是通过对父元素设置text-align:center来实现的。

举个例子：

div{border:1px solid red;}

.txtCenter{text-align:center;}

你说前半生就这样吧

      在这里，div是父元素，文本是子元素

效果如下：

②定宽块状元素（宽度width为固定值）

通过将margin的left和right的值设置为auto来实现。

举个例子：

div{

border:1px solid pink;

width:300px;

margin:10px auto;

}

你说前半生就这样吧

③不定宽块状元素

方法一：为要设置居中的元素外面加一个table标签（tbody、tr、td都要有），然后在