山海科技发展网

06月29日科技常识:css怎么让文字竖着排列

导读 摘要 今天小编跟大家讲解下有关css怎么让文字竖着排列 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css怎么让文字竖着...
摘要 今天小编跟大家讲解下有关css怎么让文字竖着排列 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css怎么让文字竖着排列

今天小编跟大家讲解下有关css怎么让文字竖着排列 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css怎么让文字竖着排列 的相关资料,希望小伙伴们看了有所帮助。

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

css让文字竖着排列示例:

css代码:

div { writing-mode: tb-rl; }

完整代码:

<html><head><style type="text/css">p.margin{ writing-mode: tb-rl; }</style></head><body><p>这段文字横排显示。</p><p>这段文字竖排显示。</p><p>这段文字横排显示。</p></body></html>

效果图:

writing-mode属性:

语法:

writing-mode : lr-tb | tb-rl

参数:

lr-tb : 左-右 上-下

tb-rl : 上-下 右-左

说明:设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右 上-下的书写方式。但是亚洲语言常有上-下 右-左的书写方式。当此属性值发生变化时 text-align属性与vertical-align属性的作用也将发生变化。

来源:爱蒂网