當前位置：
首頁 >
多行文本垂直居中
發(fā)布時間：2025/7/14
47
豆豆
在網(wǎng)上找了一下多行文本垂直居中的方法,看了下然后就重新寫了下！！！
<body>
<div class="d1">
<div class="d2">
<div class="d3">
文本垂直居中<br/>
文本垂直居中<br/>
文本垂直居中<br/>
</div>
</div>
</div>
</body> html結(jié)構(gòu)似乎這樣的 <style type="text/css">
.d1{background:#96C; height:500px; width:500px; display:table;}
.d2{display:table-cell; vertical-align:middle;}
</style>
這樣就兼容了大多數(shù)瀏覽器不過就是ie6不兼容要兼容ie6只要幾句代碼
.d1{background:#96C; height:500px; width:500px; display:table;_position:relative;}.d2{display:table-cell; vertical-align:middle;_position:absolute; _top:50%;}
.d3{_position:relative; _top:-50%;}
就ok了!
轉(zhuǎn)載于:https://www.cnblogs.com/liupeng110112/archive/2011/06/27/2091458.html
總結(jié)
- 上一篇： Java那些事之Berkeley DB
- 下一篇： XORP（1）