css如何实现文本的垂直排列-创新互联

小编给大家分享一下css如何实现文本的垂直排列,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为琼结企业提供专业的网站建设、成都做网站,琼结网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

css实现文本的垂直排列的方法:可以利用writing-mode属性来实现,如【writing-mode: vertical-rl;】。writing-mode属性定义了文本在水平或垂直方向上如何排布。

writing-mode 属性定义了文本在水平或垂直方向上如何排布。

(学习视频分享:java课程)

horizontal-tb:水平方向自上而下的书写方式。即 left-right-top-bottom

vertical-rl:垂直方向自右而左的书写方式。即 top-bottom-right-left

vertical-lr:垂直方向内内容从上到下,水平方向从左到右

sideways-rl:内容垂直方向从上到下排列

sideways-lr:内容垂直方向从下到上排列

代码示例:



    
        
        CSS文字垂直排列
        
    
    
        
1. 文字垂直排列
2. 文字垂直排列

运行结果:

css如何实现文本的垂直排列

以上是css如何实现文本的垂直排列的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前名称:css如何实现文本的垂直排列-创新互联
网页网址:http://bzwzjz.com/article/cshhcs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 古蔺网站建设 网站建设改版 网站制作 营销型网站建设 高端定制网站设计 成都网站制作 成都网站建设 专业网站设计 营销型网站建设 四川成都网站制作 成都网站制作 手机网站制作 成都网站设计 成都h5网站建设 重庆外贸网站建设 专业网站建设 响应式网站建设 网站设计 手机网站设计 网站设计 手机网站建设套餐 重庆手机网站建设