CSS - 溢出的高度和宽度，以及换行

我有问题，使具有定义的高度和宽度的项目列表在IE中正确显示。在IE中，溢出对高度和宽度都不起作用，而在Chrome中，只有盒子的高度会变得混乱，并且右侧的溢出会按预期隐藏。CSS - 溢出的高度和宽度，以及换行

我运行了一个jquery脚本来截断溢出的文本，所以它将适合heigth。此脚本在ie中不起作用，因为scrollheight始终与高度相同。但是，在Chrome中，如果其中一行溢出到右侧（宽度），文本将无法正确包装，因此我尝试将word-wrap添加到CSS中，但没有任何效果。

我在这个fiddle中一直在处理这个问题，并且应该在那里提供所有问题的详细信息。

我与IE9和Chrome 24

来源

2013-02-19 Runar Halse

＃1规则 - 不要样式列表。样式列表的内容。查看我的教程：http：//preview.moveable.com/jm/ilovelists/ – 2013-02-19 19:40:12

这个问题的解决方案是消除对儿童的display: table和display: table-cell测试。这种方式word-wrap和溢出在IE和Chrome上都可以使用。此外，JavaScript已被编辑，以比较高度与其父母的身高。这要求家长有一个指定的高度和过度流动来隐藏起作用。我已编辑fiddle。

编辑：然而，一个小调：防止文本垂直居中。我现在正在修复这个问题...

编辑：好的，所以将文本垂直居中放置在列表项中的解决方案并不是一件好事，也不是我所引以为傲的解决方案。我改变了我的JavaScript，直接在元素上添加CSS规则。看小提琴

来源

2013-02-20 18:43:34

CSS - 溢出的高度和宽度，以及换行

回答

相关问题