-- 创造无限可能

css实用技巧：文字竖排显示

2022-11-11 00:19:15
413 人浏览 4 人点赞
有用，点赞支持一下

使用场景

  1. 古文诗歌
  2. 大字海报

    使用方式

    div{
writing-mode:vertical-lr
}

    writing-mode属性

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

相关文章