Question

从数据库取出带格式的数据显示在jsp页面上，想做成这样的效果：限定显示的高度，溢出的文本显示省略号

如果我这样设置“text-overflow:ellipsis;white-space:nowrap;”，显示出来是：

如果我去掉white-space的设置，显示出来是：

但是，我是想做成这种效果的：

从数据库取出来的数据，显示的时候限定高度，溢出的文本显示省略号。

已经尝试过，单独设置<p>的高度样式不能达到效果，给<p>外层添加<div>设置高度样式也不能达到效果，求解答啊。
js代码如下：
everygroup.innerHTML+="<div class='col-md-4'><img class='img-responsive' src='"+groPic+"' alt='"+groName+"'><div class='col-box'><h3>"+groName+"</h3>"+groIntro+"</div></div>";
其中想要控制的是groIntro中数据的显示样式。





Answer 1

用javascript判断长度，如果超长则截取，用css在浏览器中肯定会有兼容性问题(ie6,ie7)，很难控制。

追问

截取字符串这个方法可取，那兼容问题如何解决？