设置文字的排列方式,不知道有这个属性的,还以为通过设置文字容器的宽度为一个字符1em,文字超出就会自动排列,但是如果遇到文字反向顺序展示那就没有办法了。css对文字的排列方式也是提供了对应的样式的,差不多能在word里面找到的功能,css都能找到。

css文字排列方式:

writing-mode:horizontal-tb;        //默认水平排列

所有属性:

  • horizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottom
  • vertical-rl:垂直方向自右而左的书写方式。即 top-bottom-right-left
  • vertical-lr:垂直方向内内容从上到下,水平方向从左到右
  • sideways-rl:内容垂直方向从上到下排列
  • sideways-lr:内容垂直方向从下到上排列

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐