css3属性之 text-overflow:ellipsis

语法:

text-overflow:clip |  ellipsis

默认值为clip 不显示省略标记

clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。

ellipsis:当对象内文本一处时显示省略标记(...)。

一、常见的单行文本溢出显示省略写法:

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

二、多行文本溢出 

display:-webkit-box;

-webkit-line-clamp: 3/*第几行裁剪*/

-webkit-box-orient:vertical;

posted @ 2023-09-11 17:22  IT小姐姐  阅读(24)  评论(0编辑  收藏  举报