多行文本垂直居中
在網上找了一下多行文本垂直居中的方法,看了下然后就重新寫了下！！！
<body>
<div class="d1">
<div class="d2">
<div class="d3">
文本垂直居中<br/>
文本垂直居中<br/>
文本垂直居中<br/>
</div>
</div>
</div>
</body> html結構似乎這樣的 <style type="text/css">
.d1{background:#96C; height:500px; width:500px; display:table;}
.d2{display:table-cell; vertical-align:middle;}
</style>
這樣就兼容了大多數瀏覽器不過就是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了!
轉載于:https://www.cnblogs.com/liupeng110112/archive/2011/06/27/2091458.html
總結
- 上一篇： Java那些事之Berkeley DB
- 下一篇： XORP（1）