搜索 用户中心
  • 欢迎光临三九网站目录 , 快审50元/站,快审请联系站长QQ:704918986
    当前位置 首页 > 教程收藏 > CSS教程
    CSS上下左右中对齐代码
        发布时间:2015-11-24 08:22:27    发布作者:admin

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


    Ebi三九网站目录

    下一篇:CSS定位代码
    最新资讯
    最新收录
    热门资讯