首页软件办公正文

css文字竖直显示的代码 css文字竖向显示

2023-10-26 105

CSS实现文字竖向排版的简单方法，bootstrap4文字竖向排版代码：

主要用到的CSS属性：writing-mode: vertical-lr;及writing-mode: tb-lr;/*IE浏览器*/，英文字符加上这句：word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/

效果图：

代码如下：

.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;/*英文的时候需要加上这句，自动换行*/} 远看代码黑乎乎，上头密来下头疏。若把电脑倒过来，下头密来上头疏。 www.df81.com

喜欢 (0)

上一篇：cad怎么偏移一条线 cad怎么偏移一条线并复制

下一篇：iphone12强制关机怎么弄 iphone12 强制关机方法

标签：

原文链接：http://www.tpbz008.cn/post/40282.html

=========================================

http://www.tpbz008.cn/ 为 “电脑技术吧” 唯一官方服务平台，请勿相信其他任何渠道。

css文字竖直显示的代码 css文字竖向显示

猜你喜欢