请教这个代码怎么让每一个div里面的文字都垂直居中

2012-03-19

请问这个代码如何让每一个div里面的文字都垂直居中？代码如下，非常感谢！HTML codehtmlheadtitle/tit

请问这个代码如何让每一个div里面的文字都垂直居中？
代码如下，非常感谢！

HTML code

<html><head><title></title><style>div{    text-align:center;    vertical-align:middle;}#div1{    width:20px;    height:100px;    float:left;    background:red;}#div2{    width:100px;    height:20px;    float:left;    background:blue;}#div3{    width:50px;    height:50px;    float:left;    background:green;}</style></head><body>    <div id="div1">长</div>    <div id="div2">宽</div>    <div id="div3">方</div></body></html>

[解决办法]

CSS code

div{    text-align:center;    vertical-align:middle;}#div1{    width:20px;    height:100px;    float:left;    background:red;    line-height:100px;}#div2{    width:100px;    height:20px;    float:left;    background:blue;    line-height:20px;}#div3{    width:50px;    height:50px;    float:left;    background:green;    line-height:50px;}
[解决办法]
如果是每个div里面都只有一行文字的话，就用line-height,如果不是，就用paddiing解决。
[解决办法]
探讨

文字垂直居中 只要设置 行高和高度一致就可以了

热点排行