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 - 溢出的高度和寬度，以及換行

回答

相關問題