改变CSS世界纵横规则的writing-mode属性-----可以让文章像古诗词一样的一列一列的展示

最近项目里面有个地方展示的信息要列状的，找了半天没找到解决方法，有大神告诉我这个属性，好了直接撸码

div{
    width: 32px;
    font-size: 32px;
    display:inline-block;
    writing-mode:tb-rl;
}

没错，就是这个：writing-mode:tb-rl;

IE7+浏览器支持。内容从上往下(top-bottom)，从右往左(right-left)垂直流动， 下一个垂直行定位于前一个垂直行的左边，全角符号直立定位，非全角符号(也可以被称作窄拉丁文或者窄假名符号)顺时针方向旋转90°。这种布局多见于东亚排版。

还有相关的可以参考：改变CSS世界纵横规则的writing-mode属性这篇文章