table /div 居中的几种实现方法

标签：

综述：虽然CSS提供了vertical-align属性来设置居中，但它只对提供了vertical-align特性的元素才使用，比如说<td><th><caption>，而<div><span>则是没有valign属性的。

一、div居中的实现方法：

1. div内只显示单行元素时：只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了。

    缺点：只支持单行文本，不支持对图片的居中

2.多行居中，且文本高度可变：给容器设置相同的 padding-top 和 padding-bottom 即可

    缺点：容器不能固定高度

3.把div当做表格单元：<div style="display:table"><div style="display:table-cell"></div></div>

    缺点：IE浏览器不支持

4.其他方法：高级篇

table /div 居中的几种实现方法

标签：

原文地址：http://www.cnblogs.com/timl525/p/4234939.html