<div> <div>我也是一段测试文本</div> </div> css代码： #box { width: 300px; height: 300px; background: #ddd; display: table; } #child { display: table-cell; vertical-align: middle; }
运行功效如下：
这里关于vertical-align烦琐两句：vertical-align属性只对拥有valign特性的html元素起浸染，譬喻表格元素中的<td><th>等等，而像<div><span>这样的元素是不可的。
valign属性划定单位格中内容的垂直分列方法，语法：<td valign="value">，value的大概取值有四种：
top：对内容举办上对齐
middle：对内容举办居中对齐
bottom：对内容举办下对齐
baseline：基线对齐
关于baseline值：基线是一条虚构的线。在一行文本中，大大都字母以基线为基准。baseline 值配置行中的所有表格数据都分享沟通的基线。该值的结果经常与 bottom 值沟通。不外，假如文本的字号各不沟通，那么 baseline 的结果会更好。
上次已经为各人先容了 实现css文字垂直居中的8种要领 这篇文章又为各人新增了3种CSS垂直居中的要领，更多关于CSS垂直居中的要领请阅读下面的相关文章
您大概感乐趣的文章: