網(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)論)