美图欣赏 | 设为首页 | 加入收藏 | 网站地图

当前位置:电脑中国 > 网络创业 > CSS DIV >

CSS文字对齐(左对齐、右对齐、居中对齐)代码合集

2018-06-05 23:00|来源:未知 |作者:dnzg |点击:

 

  • css各种对齐代码,左对齐、右对齐、中间对齐、底部对齐、两端对齐等,代码简单,在此与大家分享:

    HTML#viewSource" title="view source">view source
     
    print?
    01 /*CSS代码:*/
    02 /*左对齐*/
    03 .left {
    04 text-align: left;
    05 border: 1px dotted black;
    06 width: 50%;
    07 }
    08 /*右对齐*/
    09 .right {
    10 text-align: right;
    11 border: 1px dotted black;
    12 width: 50%;
    13 }
    14 /*居中对齐*/
    15 .center {
    16 text-align: center;
    17 border: 1px dotted black;
    18 width: 50%;
    19 }
    20 /*两端对齐*/
    21 .justify {
    22 text-align: justify;
    23 border: 1px dotted black;
    24 width: 50%;
    25 }

    自己可修改上述代码,以满足你的需要。

(责任编辑:dnzg)
新锦江娱乐 关闭广告
新锦江娱乐 关闭广告