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>