單行文字垂直居中比較簡單，只需將 line-height 屬性值與其父元素的 height 屬性值設為相等即可。如下所示：
class="text">這是第一段文字span>
class="text">這是第二段文字span>
class="text">這是第三段文字span>
class="text">這是第四段文字span>
class="text">這是第五段文字span>
class="text">這是第六段文字span>
class="text">...span>
div>css**：
.content
.text
特別注意：居中的文字必須用html標籤包裹，並且要將包裹該文字的標籤設定為
display : inline-block；
CSS多行文字垂直居中
今天需要將文字垂直居中，就是一行是垂直居中，多行也是垂直居中。效果如下 實現 同事提供 doctype html html head lang en meta charset utf 8 title title style listdiv listdivleft listdivleft span l...
CSS多行文字垂直居中
今天需要將文字垂直居中，就是一行是垂直居中，多行也是垂直居中。效果如下 實現 同事提供 doctype html html head lang en meta charset utf 8 title title style listdiv listdivleft listdivleft span l...
多行文字的垂直居中
與其他一些display屬性類似，table cell同樣會被其他一些css屬性破壞，例如float,position absolute，所以，在使用display table cell與float left或是position absolute屬性盡量不用同用。設定了display table c...