HTML代码
<div class="text-l">左对齐</div> <div class="text-c">居中对齐</div> <div class="text-r">右对齐</div> <table class="table table-border table-bordered"> <tr> <th class="va-t" height="50">居上对齐</th> <th class="va-m">居中对齐</th> <th class="va-b">距底对齐</th> </tr> <tr> <td class="va-t" height="50">.va-t</td> <td class="va-m">.va-m</td> <td class="va-b">.va-b</td> </tr> </table>
CSS代码
.text-l{text-align:left}/*水平居左*/ .text-r{text-align:right}/*水平居中*/ .text-c{text-align:center}/*水平居右*/ .va *{vertical-align:sub!important;*vertical-align:middle!important; _vertical-align:middle!important} .va-t{ vertical-align:top!important}/*上下居顶*/ .va-m{ vertical-align:middle!important}/*上下居中*/ .va-b{ vertical-align:bottom!important}/*上下居底*/
此文由 at-lib网站目录 编辑,未经允许不得转载!: