首頁  >  文章  >  web前端  >  html文本垂直居中对齐 - 猿客

html文本垂直居中对齐 - 猿客

WBOY
WBOY原創
2016-05-21 08:35:202090瀏覽

html文本垂直居中对齐,代码如下:


    
      行1

      行2

      行3
   

    另一个span

实现原理:

1、首先设置div元素的高与行高为一样的值,这样在块内的行内元素就会垂直居中

2、设置span元素的显示,修改display为line-block,使其成为行内块元素

3、设置span的vertical-align为middle,以垂直居中,设置行高为1.2em,以改变继承的行高

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn