CSS代码用于确保只显示两行句子不适用于IE

我有下面的css代码，以确保显示句子不超过2行，如果是这样，它将替换单词的其余部分为“…”

这对chrome、safari和mozilla来说都很好。但是，它不适用于IE。当我检查元素时，错误显示如下：

---

有人知道我怎样才能让它为IE工作吗？

你都试过了吗

display: -moz-box;
display: -webkit-box;
display: box;
display: -ms-flexbox;

-webkit

表示这是特定于IE不使用的。这就是它不起作用的原因

您只需稍微调整一下

行高度

即可获得所需的结果。-阅读更多关于溢出的信息，也可以使用

overflow:hidden

设置为hidden意味着如果内容超出div的尺寸，将对其进行修剪：

工作示例：


.parent{
字体大小：16px；
高度：36px；/*2x“字体大小”+4px清除*/
行高：36px；/*应与父div高度匹配*/
宽度：90%；
溢出：隐藏；
边缘顶部：20px；
}
.孩子{
显示：内联块；
垂直对齐：中间对齐；
线条高度：正常；/*在此处重置线条高度，在此处重置*/
}

我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是，我的观点是。没有类似的原则，没有真正的争论，没有对欧盟的指责。Mel purto eros legendos id saepe laudem在qui，
我要买一套。我有一个朋友，我是欧盟相扑选手，我是临时演员。在civibus Conseteteur cum，omnium periculis ne。维姆·努拉姆·内莫尔·尤特。
我认为唯一安全的跨浏览器解决方案是使用javascript进行行夹紧。我用过一次，我记得它很容易使用，而且工作得很好。您可以阅读更多有关整个“线路夹紧问题”的信息

在您的案例中，Clamp.js的基本用法如下

$clamp(myText, {clamp: 2});

其中，
myText
是您想要线夹的元素，而
2
意味着两行。
这里没有结尾“…”吗？我认为这不可能@gustafgunerér-除非您按照自己的方式或直接超越CSSEX。至少不能跨浏览器。因此，如果请求的结尾是“…”的话，我建议在JS中这样做。你确定这在mozilla中有效吗据我所知，firefox不会在这里显示省略号-只是基于webkit的浏览器（这里使用的属性是（非标准）-webkit line clamp`，这也很有意义）
$clamp(myText, {clamp: 2});