热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

css怎么实现文本的垂直排列

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

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:内容垂直方向从下到上排列

代码示例:


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

运行结果:


推荐阅读
author-avatar
mobiledu2502912637
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有