CSS设置文字方向,让文字竖排显示

只需一条属性

writing-mode:vertical-lr;
 
 
这个属性可以设置文字在水平方向还是在竖直方向的排布
菜鸟教程解释是下面这个样子的:
  • horizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottom
  • vertical-rl:垂直方向自右而左的书写方式。即 top-bottom-right-left
  • vertical-lr:垂直方向内内容从上到下,水平方向从左到右
  • sideways-rl:内容垂直方向从上到下排列
  • sideways-lr:内容垂直方向从下到上排列
posted @ 2020-07-06 17:09  安莫寒  阅读(18826)  评论(0编辑  收藏  举报