CSS writing-mode属性,文本排版模式

writing-mode属性

CSS的writing-mode属性,可以用于设置HTML文档中文本的排版方式,比如是水平排列,还是垂直排列,如下示例:

这是一个段落,其中的span将使用垂直的排版方式这是span元素内的内容


语法

writing-mode:value

可选属性值

属性值描述
horizontal-tb文本内容从左到右从上到下流动
vertical-rl文本内容从上到下垂直流动,而且从右到左
vertical-lr文本内容从上到下垂直流动,而且从左到右

writing-mode属性实例代码,及在线编辑器

<p>段落中的内容水平流动,<span id='span'>span中的从上到下垂直流动</span>,来看看效果。</p>

<style>
  #span{writing-mode:vertical-lr;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.