问题现象：

-webkit-line-clamp样式在IE上无效，怎么改都不起作用。本来设定为3行，可是都能显示N行，在Chrome下正常。

问题分析：

-webkit-line-clamp本身就是针对webkit浏览器的样式，-webkit开头的样式代码都是只针对webkit内核的样式。使用时都应该考虑兼容性问题。IE下无效，避免页面在IE下出现错位问题，可以修改下兼容IE的样式。下面的代码就是模拟一个...并限制高度，让超出的部分隐藏起来

优化代码：

.txwb-line {
  font-size: 14px;
  color: #4A4A4A;
  overflow: hidden;
  line-height: 26px;
  position: relative;
  height: 45px;
}

.txwb-line :after {
  content: '...';
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.8em;
  height: 45px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

注意事项：

注意修改代码里面的height，该代码就是使用自己的样式模拟出来一个...的样式。在一些浏览器上海需要仔细调整和优化，如果考虑到在webkit内核浏览器下使用原生，只在ie下使用该代码的话，需要用js来判断浏览器内核然后修改对应的样式名称