介绍写入方式:horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
& lt; style>
表、td th {
边界:1 px固体黑色;
}
表{
border-collapse:崩溃;
宽度:100%;
}
.example。.example Text1跨度。Text1 {
写入方式:horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
}
.example。.example Text2跨度。Text2 {
写入方式:vertical-lr;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
}
.example。.example Text3跨度。Text3 {
写入方式:vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
}
.example。.example Text4跨度。Text4 {
写入方式:sideways-lr;
-webkit-writing-mode: sideways-lr;
-ms-writing-mode: sideways-lr;
}
.example。.example Text5跨度。Text5 {
写入方式:sideways-rl;
-webkit-writing-mode: sideways-rl;
-ms-writing-mode: sideways-rl;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; table>
& lt; tr>
& lt; th> value
& lt; th>垂直script
& lt; th>水平script
& lt; th>混合script
& lt;/tr>
& lt; tr>
& lt; td> horizontal-tb
& lt; td类=袄覶ext1"祝辞& lt; span>我家没有电脑灵活;/span> & lt;/td>
& lt; td类=袄覶ext1"祝辞& lt; span>示例text & lt;/td>
& lt; td类=袄覶ext1"祝辞& lt; span> 1994年に至っては& lt;/span> & lt;/td>
& lt;/tr>
& lt; tr>
& lt; td> vertical-lr
& lt; td类=袄覶ext2"祝辞& lt; span>我家没有电脑灵活;/span> & lt;/td>
& lt; td类=袄覶ext2"祝辞& lt; span>示例text & lt;/td>
& lt; td类=袄覶ext2"祝辞& lt; span> 1994年に至っては& lt;/span> & lt;/td>
& lt;/tr>
& lt; tr>
& lt; td> vertical-rl
& lt; td类=袄覶ext3"祝辞& lt; span>我家没有电脑灵活;/span> & lt;/td>
& lt; td类=袄覶ext3"祝辞& lt; span>示例text & lt;/td>
& lt; td类=袄覶ext3"祝辞& lt; span> 1994年に至っては& lt;/span> & lt;/td>
& lt;/tr>
& lt; tr>
& lt; td> sideways-lr
& lt; td类=袄覶ext4"祝辞& lt; span>我家没有电脑灵活;/span> & lt;/td>
& lt; td类=袄覶ext4"祝辞& lt; span>示例text & lt;/td>
& lt; td类=袄覶ext4"祝辞& lt; span> 1994年に至っては& lt;/span> & lt;/td>
& lt;/tr>
& lt; tr>
& lt; td> sideways-rl
& lt; td类=袄覶ext5"祝辞& lt; span>我家没有电脑灵活;/span> & lt;/td>
& lt; td类=袄覶ext5"祝辞& lt; span>示例text & lt;/td>
& lt; td类=袄覶ext5"祝辞& lt; span> 1994年に至っては& lt;/span> & lt;/td>
& lt;/tr>
& lt;/table>
& lt;/body>
& lt;/html>
这篇文章主要介绍css中写入方式属性的使用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
css写入方式属性定义了文本在水平或垂直方向上如何排布,用来控制文本的展示方向,以便可以从上到下或从左到右读取,具体取决于语言。西方语言一般都是lr-tb的书写方式,但是亚洲语言lr-tb | tb-rl的书写方式都有。
写入方式属性定义了文本在水平或垂直方向上如何排布。
<强>语法:
<强>属性值:
●horizontal-tb:水平方向自上而下的书写方式。即left-right-top-bottom
●vertical-rl:垂直方向自右而左的书写方式。即top-bottom-right-left
●vertical-lr:垂直方向内内容从上到下,水平方向从左到右
●sideways-rl:内容垂直方向从上到下排列
●sideways-lr:内容垂直方向从下到上排列
<强>说明:
写入方式属性设置或检索对象的内容块固有的书写方向。西方语言一般都是lr-tb的书写方式,但是亚洲语言lr-tb | tb-rl的书写方式都有。
写入方式这个css属性以前是IE的独有属性,IE5.5浏览器就已经支持了。在很长一段时间里,FireFox、Chrome这些现代浏览器都不支持写入方式,各大现代浏览器纷纷对写入方式实现了更加标准的支持(主要得益于FireFox浏览器的积极跟进)。
<强> css写入方式属性示例
效果图:
