文本超出框的大小，css样式怎么设置？ - WXOPEN Club

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

gdong 1楼•5 年前

百度

jing60 2楼•5 年前

嗯，听楼上的，都对

panyang 3楼•5 年前

百度

qiumin 4楼•5 年前

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

jiamin 5楼•5 年前

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

line-clamp: 2;

-webkit-box-orient: vertical;

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

qiang04 6楼•4 年前

text-overflow:ellipsis