云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

網(wǎng)站制作中文字垂直居中問題

來源:昆明網(wǎng)絡(luò)公司 日期:2010-09-06 閱讀: 發(fā)表評(píng)論

在table布局的年代,文字居中非常容易,td的valign=middle就能實(shí)現(xiàn),而到了div+css布局的年代,文字垂直居中問題卻成了很多新手的攔門虎。

先看看table的文字垂直居中問題是如何解決的:

<table>
           <tr>
              <td align="middle">昆明網(wǎng)站建設(shè)技巧:文字垂直居中</td>
           </tr>
      </table>

看看div+css布局怎么解決

<div style="height:100px; line-height:100px; vertical-align:middle">昆明網(wǎng)站建設(shè)技巧:文字垂直居中</div>

這里需要注意的是:div中的元素僅為文字,不能為其他標(biāo)簽元素。

發(fā)表評(píng)論評(píng)論列表(有 條評(píng)論)