IE6下 vertical

2021-03-15 19:28 jianzhan
css款式:
<style type="text/css">
ul{ list-style:none;}
li,div{border:1px solid #ff0000; vertical-align:middle; height:50px;}
</style>

html构造:
<div>检测</div>

(留意:<div>检测</div>后边沒有别的文本或元素)
状况:
div的下边框消退,在ff下没事,且文本不可以垂直居中(如图)。


html构造2
<div>检测</div>
检测文本

--在后边再再加别的元素

边框就显示信息出来了

html构造3
<div>检测</div>
<div>检测2</div>
<div>检测3</div>

结果:假如是以便文本垂直居中,把line-height和height设定为同样的高宽比。不必多写
vertical-align:middle;