怎么利用CSS实现文字的竖排

这篇文章将为大家详细讲解有关怎么利用CSS实现文字的竖排，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

　　样式表的文字处理属性中有两个重要的属性：writing-mode和text-align。让我们先看看它们的用法：

　　1.writing-mode（设置对象书写方向）

　　语法：writing-mode:lr-tb、tb-rl

　　参数：lr-tb：从左向右，从上往下tb-rl：从上往下，从右向左

　　示例：

　　CSSCode复制内容到剪贴板

　　div{writing-mode:tb-rl;}

　　2.text-align（设置对象中文本的对齐方式）

　　语法：text-align:left、right、center、justify

　　参数：left：左对齐right：右对齐center：居中justify：两端对齐

　　示例：

　　CSSCode复制内容到剪贴板

　　div{text-align:center;}

　　而通常普通的排版思路：对文字对象宽度设置只能排下一个文字的宽度距离，让文字一行排不下两个文字使其文字自动换行，就形成了竖立排版需求。

　　CSSCode复制内容到剪贴板

　　

　　我是竖列排版