css让元素居中的8个方法总结

1、左右边距自动 margin:0 auto;

2、使用line-height让单行的文字垂直居中

3、使用 text-align:center;针对行内元素

4、表格居中 水平： td align="center" 垂直：td valign="middle" CSS垂直：vertical-align:middle

5、模拟单元表格：display:table-cell text-align:center vertical-align:middle

6、绝对定位居中A：<style>.wrap{position:relative;}.content{width:200px;height:600px;position:absolute;left:50%;top50%;margin-left:-100px;margin-top:-300px;}</style><div class="wrap"><div class="content">内容</div></div>

7、绝对定位居中B：<style>.wrap{position:relative;}.content{width:200px;height:600px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}</style><div class="wrap"><div class="content">内容</div></div>

8、外层浮动内层相对定位进行水平居中：<style>.parent{width:500px;height:600px;}.wrap{position:relative;float:left:clear:both:left:50%;}.content{position:relative;left:-50%;white-space:nowrap;}</style><div class="parent"><div class="wrap"><div class="content">内容</div></div></div>