jquery - text-overflow :ellipsis css property not working in firefox, stackoverflow 上的上一个解决方案也不起作用

Question

我使用了 bootstrap 媒体类，我想在新行中换行我的标题和描述(如果超过宽度则夹住并放置省略号)，我也在

标签上使用了以下 css 属性但它不起作用，即

white-space: nowrap;
text-overflow: ellipsis;
overflow:hidden;

标题从 div 溢出，我只想通过应用上面的 css 来适应它的宽度。它在 chrome 中运行良好。但在 Firefox 中没有。

Answer 1

只需在内部DIV上设置如下定义:

text-overflow: ellipsis;
display: block;
white-space: nowrap;
overflow: hidden;
width: 100%;

• “宽度”可以是您需要的任何值，只要它是确定的(px 或 %)即可。否则，“省略号”效果将不起作用，因为浏览器不知道容器“结束”在哪里，也不知道内容从这一点开始溢出。