Html 对于pseudo元素，省略号在Firefox中无法正常工作

我想在一些文本后插入一行，但一旦它达到最大宽度（170px），我想显示省略号

但在firefox中，每次它都会显示我不想要的省略号

我想在firefox中像在chrome和IE中一样工作

div{
最大宽度：170px；
背景色：#c7bdbd；
}
h1{
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}
h1：之后{
内容：''；
显示：内联块；
宽度：100%；
身高：100%；
保证金权利：-100%；
边框底部：1px实心#000；
}

标题
长标题

您可以绝对定位伪元素。我认为问题在于，firefox的省略号样式是将内联伪元素视为文本并触发省略号，但是它随后将省略号附加到实际文本中。将绝对位置应用于伪元素将停止此行为

更新：进一步阅读后，这实际上是chrome中的一个bug。Firefox正确地解释了

溢出：省略号的规范



div{
最大宽度：170px；
背景色：#c7bdbd；
}
h1{
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
位置：相对位置；
}
h1：之后{
内容：''；
宽度：100%；
身高：100%；
边框底部：1px实心#000；
位置：绝对位置；
底部：8px；
}

标题
长标题
Firefox无法正确解释宽度为100%，因此始终显示椭圆。要检查这一点，请尝试为伪类指定一个显式的宽度：：after由于其宽度太大而无法放入h1。尽管有负右翼距。您能提供一个例子来说明为什么需要：：after吗？删除它（或它的某些属性，如
显示
或
宽度
）会使代码段按预期工作。@MrLister需要after伪元素来显示文本后的行。@Mahi什么行？我想一切都取决于这一点。它的宽度有多大，是否需要在内联块中，或者可以简单地内联，等等@ShrutiAgarwal如果我给pseudo元素指定宽度，那么长文本或短文本的线宽都是相同的。我的意思是，如果我有长文本，我必须显示较少的行，反之亦然。你是我的英雄。谢谢：）bdw我认为它在firefox中有缺陷：PSo有，但所有内联元素包括带有
溢出：省略号的伪元素溢出父级时应触发省略号。问题是伪元素没有内容，因此省略号没有附加内容。