导读 摘要 今天小编跟大家讲解下有关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属性的作用也将发生变化。
来源:爱蒂网
版权声明:本文由用户上传,如有侵权请联系删除!