设置文字的排列方式,不知道有这个属性的,还以为通过设置文字容器的宽度为一个字符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:内容垂直方向从下到上排列