CSS实现文字竖向排版的简单方法，bootstrap4文字竖向排版代码：
主要用到的CSS属性：writing-mode: vertical-lr;及writing-mode: tb-lr;/*IE浏览器*/，英文字符加上这句：word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
效果图：

文章插图
代码如下：
【css文字竖直显示的代码 css文字垂直排列方式】<style>.text-vertical {margin: 0 auto;height: 140px;writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/}</style> <div class=\"text-vertical\">远看代码黑乎乎，上头密来下头疏 。若把电脑倒过来，下头密来上头疏 。</div><div class=\"text-vertical\">www.df81.com</div>

• iPhone在图片上加文字的方法 苹果手机照片怎么涂鸦打字
• 文档在线编辑怎么弄 文字编辑软件app的使用
• ps文字环绕方式怎么设置 ps制作文字环绕效果的方法
• iphone如何提取图片文字 苹果手机自带扫描图片转文字
• 系统无法启动怎么解决 电脑开机后黑屏显示英文字母
• ps路径文字怎么做反向 简述路径文字的创建方法
• 怎么在pdf上画圈标注文字 pdf转word最简单方法
• 很暖心关心人的句子用文字表达的温暖
• ps消除图片里的文字怎么弄 把原图片上的字替换
• word怎么竖排文字对齐 竖排两行字的排列方式