分类目录 共计收录4183站; 资讯文章4607篇; 待审网站 1018站; 当月收录23站; 今日审核0站; 已收到1个打赏!
快审详情
快审qq
首页 > 教程收藏 > CSS教程

CSS上下左右中对齐代码

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}/*上下居底*/


b7w网站目录

此文由 网站目录 编辑,未经允许不得转载!:

评论 暂无评论
-->