小程序实现文本上下居中，，，，也就是使用父元素高度确定的单行文本的竖直居中的要领来实现，，，，这也是最为基本的要领。。

　　父元素高度确定的多行文本、图片等的竖直居中的要领有两种：

　　要领一：使用插入 table (包括tbody、tr、td)标签，，，，同时设置 vertical-align：middle。。

　　css 中有一个用于竖直居中的属性 vertical-align，，，，在父元素设置此样式时，，，，会对inline-block类型的子元素都有用。。下面看一下例子：

　　html代码：

　　1

　　2

　　3

　　4

　　看我是否可以居中。。p>

　　5 p>

　　6 tr>table>

　　7 body>

　　css代码：

　　1 table td{height:500px;background:#ccc}

　　由于 td 标签默认情形下就默认设置了 vertical-align 为 middle，，，，以是我们不需要显式地设置了。。

　　要领二：设置块级元素的 display 为 table-cell(设置为表格单位显示)

　　但这种要领兼容性较量差，，，，只是提供各人学衔拷寮。。

　　在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell(设置为表格单位显示)，，，，激活 vertical-align 属性，，，，

　　但注重 IE6、7 并不支持这个样式, 兼容性较量差。。

　　html

　　1

　　2

　　3

　　看我是否可以居中。。p>

　　4

　　看我是否可以居中。。p>

　　5

　　看我是否可以居中。。p>

　　6 p>

　　7 p>

　　css

　　1

　　这种要领的利益是不必添加多余的无意义的标签，，，，但弱点也很显着，，，，它的兼容性不是很好，，，，不兼容 IE6、7并且这样修改display的block酿成了table-cell，，，，破损了原有的块状元素的性子。。