如何在左侧显示文本溢出省略号
大多数情况下,当文本过长时以省略号作为表示就可以了,但是某些情况下,重要信息在文本末端,如何让省略号显示在左侧,从而显示重要信息呢?
其实只要加一个CSS属性就可以了: direction: rtl;
效果:
关于此属性的介绍文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/direction
CSS属性 direction 用来设置文本、表列水平溢出的方向。 rtl 表示从右到左 (类似希伯来语或阿拉伯语), ltr 表示从左到右 (类似英语等大部分语言).
多行文本显示一行,并左侧显示省略号:
See the Pen by (@justforuse) on CodePen.
觉得作者写得不错?不妨轻击下方按钮~