我在制作具有定义的高度和宽度的项目列表以在 IE 中正确显示时遇到问题。在 IE 中，溢出对高度和宽度都不起作用，而在 chrome 中，只有框的高度被弄乱了，右边的溢出按预期隐藏。
我运行一个 jquery 脚本来截断溢出的文本，使其适合高度。此脚本在 ie 中不起作用，因为滚动高度始终与高度相同。但是，在 Chrome 中，如果其中一行向右（宽度）溢出，则文本不会正确换行，因此我尝试将其添加word-wrap到 css 中但没有任何效果。
我一直在这个fiddle中处理这个问题，并且该问题的所有细节都应该在那里可用。
我已经用 IE9 和 Chrome 24 进行了测试。
解决这个问题的方法是去掉孩子身上的display: tableand display: table-cell。这样，theword-wrap和 overflow 都适用于 IE 和 Chrome。此外，已编辑 javascript 以将高度与其父高度进行比较。这需要父级具有指定的高度和溢出才能隐藏工作。
我已经编辑了fiddle。
编辑：然而，一个小提示：这可以防止文本垂直居中。我现在正在努力解决这个问题......
编辑：好的，所以将列表项中的文本垂直居中的解决方案不是一个好的解决方案，也不是我引以为豪的解决方案。我更改了我的 javascript 以直接在元素上添加 css 规则。看小提琴