文本超出框的大小,css样式怎么设置?
发布于 6 年前 作者 xiangjun 5834 次浏览 来自 官方Issues

已经设置了overflow:hidden,还是很难看,下边的字只漏了一半,我想剩下的用省略号表示,怎么设置

6 回复

嗯,听楼上的,都对

两种方式:1.css (有兼容性问题)overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;(行数) -webkit-box-orient: vertical;2. js通过计算屏幕宽度和字体大小,计算出最多能展示多少字,超出的剪掉

text-overflow: -o-ellipsis-lastline;

 overflow: hidden;

 text-overflow: ellipsis;

 display: -webkit-box;

 -webkit-line-clamp: 2;

 line-clamp: 2;

 -webkit-box-orient: vertical;

我这设置两行  你几行你自己设置

text-overflow:ellipsis

回到顶部