html - CSS - 文本溢出在 IE10 中不起作用

标签 html css internet-explorer flexbox internet-explorer-10

我正在使用以下 css 使文本在太长时被截断。布局使用 flex,在 Chrome 上完美运行,但在 IE10 上不显示 3 个点 (...),文本只是被剪切。

.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal
}

当我在 IE10 中打开开发人员控制台并查看应用于该元素的 css 时,我没有看到“文本溢出”属性。即使我手动添加它,它也不会应用到元素上,就像 IE10 不识别这个属性一样!

知道如何解决这个问题吗?

最佳答案

根据 caniuse.com,text-overflow 属性仅在 IE11 上受支持。

引用:https://caniuse.com/#search=text-overflow

关于html - CSS - 文本溢出在 IE10 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44731041/

相关文章:

html - 在 Bootstrap 中创建布局

html - 仅包装上的中心按钮

css - flipInX 在较小的分辨率下无法按预期工作

internet-explorer - 使用条件 CSS 对 IE 进行排版调整......或其他?

javascript - 类似 HTML 应用程序的页面

html - 是否有从 SVG 文件创建 SVG 路径的工具?

javascript - 使用 JQuery 根据下拉选择隐藏和显示 div

javascript - 来自 2 个不同数据源 (d3.js) 的 d.properties 的内部 html

javascript - IE e.target.id 不起作用

javascript - 性能:递归-非递归(IE)