# 文字水平及垂直方向显示排布

# 快速导航

文字排布水平方向
决定文本在水平或垂直方向上如何排布-writing-mode:
点击即可查看代码
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
1
2
3
  • horizontal-tb:此值定义了从上到下的块流动方向,水平方向自上而下的书写方式。即 left-right-top-bottom
  • vertical-rl:此值定义从右到左书写方式。即 top-bottom-right-left
  • vertical-lr:该值定义了从左到右的书写方式,垂直方向内内容从上到下,水平方向从左到右
  • sideways-rl:内容垂直方向从上到下排列
  • sideways-lr:内容垂直方向从下到上排列

这个writing-mode属性在文本布局时非常方便,好用,有时候,当想要文本垂直方向显示就会用到

关注公众号

一个走心,有温度的号,同千万同行一起交流学习

加作者微信

扫二维码 备注 【加群】

扫码易购

福利推荐