首页 > 编程知识 正文

css3行超出省略号,css超出显示省略号

时间:2023-05-03 10:55:10 阅读:159831 作者:2763

可以设置文本溢出显示的省略号

~~~

. wrap{

width: 200px; //文字容器宽度

overflow :隐藏; //越过框架隐藏

文本覆盖: ellipsis; //属性规定文本包含要素溢出时发生的情况。

white-space: nowrap; //段落内的文本决定不换行

}

~~~

结果如下

说明:

css属性. wrap位于要更改样式的位置

##还有其他多行溢出省略

~~~

{

display:-webkit-box; //必须合并的属性将对象显示为弹性伸缩框模型

-webkit-line-clamp:2;//限制为1个块要素中显示的文本行数被省略2行以上。

overflow :隐藏;

- WebKit-box-orient : vertical; //必须联接的属性用于设置或检索伸缩框对象的子元素的排列方式。

文本覆盖: ellipsis;

}

~~~

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。