分类目录 共计收录12891站; 资讯文章53103篇; 待审网站 4459站; 当月收录0站; 今日审核0站; 已收到106个打赏!
分类目录快审
软文外链发布
原创文章撰写
 
快审详情
首页 > 教程收藏 > 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}/*上下居底*/


版权免责声明: 1、本站内容均来源于网络,请自行鉴定真假 2、如有侵权,违法,恶意广告,虚假欺骗行为等 以上问题联系站长删除

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