css超出显示…（单行、多行）

• 前端

1.单行

效果图：

css超出显示...（单行、多行）

width:335px;//定宽 
overflow: hidden; //超出的文本隐藏
text-overflow: ellipsis; //溢出用省略号显示
white-space: nowrap;  // 默认不换行；

注：必须要定一个宽度。

2.多行

效果图：

css超出显示...（单行、多行）

width:335px;
overflow: hidden; //超出的文本隐藏
display: -webkit-box;
-webkit-line-clamp: 2; // 设置从第几行后开始省略
-webkit-box-orient: vertical;

注：必须要定一个宽度。

以上代码就能实现上面的效果

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/16ff49ec9e.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐