笔记：css之居中

1、text-align

text-align能使行内元素水平居中，比如文字、图片、按钮以及其他inline或inline-block，在ie6/7中text-alian能对任何元素进行居中。

2、margin

给元素添加margin-left和margin-right为auto能达到水平居中效果，对浮动和绝对定位无效。

3、单行文字垂直居中用line-height

将line-height的值设置为等于文字内容父元素的高度。

4、表格单元格内容居中

　　将单元格标签td的属性设置为align=“center”（水平居中）、valign=“middle”（垂直居中），在css中只能通过设置vertical-align：middle使表格内容垂直居中，在ie6/7中可以设置text-align：center达到水平居中。对于不是表格的元素，可以设置display：table-cell，使其可以向表格那样居中。

5、绝对定位

已知元素宽或高，设置元素position：absolute，top和left为50%，margin-left和margin-top为元素宽高的一半。还有一种只支持ie9+及谷歌火狐的绝对定位的方案，top,bottom,left,right设置为0，margin：auto；

6、浮动定位加相对定位

这个方法不需要知道元素的宽度和高度，三个div，第二层包裹住需要居中的元素，第二层设置position为relative，float，left或right设置为50%，被包裹那层设置position为relative，left或right为-50%。