最近项目里面有个地方展示的信息要列状的,找了半天没找到解决方法,有大神告诉我这个属性,好了直接撸码
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属性这篇文章