1. 首页 > 快讯

css文字竖向排列怎么设置(css文字横排显示)

纵向文字溢出的省略号:一个 css 解决方案

问题:在纵向展示文本时,采用横向溢出省略方案并不适用。是否有其他有效的 css 解决方案?

解答:

一种解决纵向文字溢出的方法是采用垂直排版,具体方法如下:

p {
  writing-mode: vertical-rl
}
登录后复制

writing-mode 属性指定文本的书写模式,vertical-rl 表示竖向书写从右向左。

立即学习“前端免费学习笔记(深入)”;

效果展示:

更多代码示例:https://codepen.io/xboxyan/pen/ylzalqw

本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.iotsj.com//kuaixun/6598.html

联系我们

在线咨询:点击这里给我发消息

微信号:666666