为什么我的text-overflow无效?

小程序 文章 2021-01-28 15:21 0 6 全屏看文

为什么我的text-overflow无效?Why is my text-overflow invalid?

为什么我的text-overflow无效?

回答:

Complicated:
.ellipsis {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

限制一股宽度 这样写试一试

自酌一杯酒:
/* 文本超出一行省略 */.overflow-ellipsis {    display: block;   overflow: hidden; /* 超出隐藏 */  text-overflow: ellipsis; /* 文本超出显示省略 */  white-space: nowrap; /* 内容不换行 */}/* 文本超出多行显示省略 如两行 */.overflow-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp2; /* 2指超过两行就显示省略号,以此类推 */  -webkit-box-orient: vertical;}


再将你要的class名放在所对应的标签class上

小黎:

没加overflow: hidden; 指定多行显示省略号必须加-webkit-line-clamp: 3

行囊电子商务:不行
行囊电子商务:是自定义组件里的,估计有bug

-EOF-