writing-mode 文字排列方式

writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向。

writing-mode的属性值有：horizontal-tb,vertical-lr,vertical-rl,对应的IE下的值为：lr-tb,tb-lr,tb-rl。

.wrtmod{

    margin:15px;

    padding:15px;

    border:1px solid #bababa;

    background:#f1f1f1;

    font-size:15px;

    writing-mode:vertical-rl;

    writing-mode:tb-rl;

    text-align:center;

    line-height:32px;

    letter-spacing: 12px;

    display: inline-block;

  

}

.wrtmod:first-line{

    font-weight:bold;

    color:#0C58A7;

    font-size:18px;

}

  

<div class="wrtmod">

    静夜思<br/>

    窗前明月光<br/>

    疑是地上霜<br/>

    举头望明月<br/>

    低头思故乡

</div>