html div纵向排列,css怎么让文字竖着排列？

css可以使用css样式writing-mode：tb-rl来设置文字竖着排列。writing-mode属性设置或检索对象的内容块固有的书写方向。

css让文字竖着排列示例：

css代码：div { writing-mode: tb-rl; }

完整代码：

p.margin{

writing-mode: tb-rl;

}

这段文字横排显示。

这段文字竖排显示。

这段文字横排显示。

效果图：

writing-mode属性：

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

参数：

lr-tb : 左-右，上-下

tb-rl : 上-下，右-左

说明：

设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右，上-下的书写方式。但是亚洲语言常有上-下，右-左的书写方式。

当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。