大多数情况下,当文本过长时以省略号作为表示就可以了,但是某些情况下,重要信息在文本末端,如何让省略号显示在左侧,从而显示重要信息呢?

其实只要加一个CSS属性就可以了: direction: rtl;

效果: image

关于此属性的介绍文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/direction

CSS属性 direction 用来设置文本、表列水平溢出的方向。 rtl 表示从右到左 (类似希伯来语或阿拉伯语), ltr 表示从左到右 (类似英语等大部分语言).

多行文本显示一行,并左侧显示省略号:

See the Pen by (@justforuse) on CodePen.

觉得作者写得不错?不妨轻击下方按钮~

赏点银子给楼主凑凑买咖啡喝吧
微信
支付宝
扫码打赏,建议金额1-10元

Copied From 畅言