首页 > 技术文章 > CSS设置文字方向,让文字竖排显示

best-coder 2020-07-06 17:09 原文

只需一条属性

writing-mode:vertical-lr;
 
 
这个属性可以设置文字在水平方向还是在竖直方向的排布
菜鸟教程解释是下面这个样子的:
  • horizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottom
  • vertical-rl:垂直方向自右而左的书写方式。即 top-bottom-right-left
  • vertical-lr:垂直方向内内容从上到下,水平方向从左到右
  • sideways-rl:内容垂直方向从上到下排列
  • sideways-lr:内容垂直方向从下到上排列

推荐阅读