制作网页的界面时,常常需要让一行字在一个水平长条状的div中垂直居中,最好的解决办法应该是这样的:
#nav{
height:44px;
line-height:44px;
}
即让行高与div的高相等即可。特别需要注意的是,不设置 line-height 只设置 vertical-align: middle 是不行的,因为这样它只是在默认的行高里进行居中,并不是在整个div 里居中。
制作网页的界面时,常常需要让一行字在一个水平长条状的div中垂直居中,最好的解决办法应该是这样的:
#nav{
height:44px;
line-height:44px;
}
即让行高与div的高相等即可。特别需要注意的是,不设置 line-height 只设置 vertical-align: middle 是不行的,因为这样它只是在默认的行高里进行居中,并不是在整个div 里居中。