CSS自動換行會導致div空格後出現空白字符

我使用CSS自動換行屬性（設置爲break-word）在固定寬度和可變高度的div元素中顯示單個沒有間隔的字符串。 div元素本身在表格單元<td>內。單詞中斷按預期工作，按定義的固定寬度打破單詞。但是，在IE9（IE7文檔標準）中，div後面似乎有一些額外的空間，導致表格單元的寬度擴展（不需要）。 div寬度本身似乎是正確的，正如CSS所指定的那樣。我使用div和表單元格周圍的邊界來驗證。我試過顯式設置表格單元格寬度（和最大寬度），但都不行。在Firefox或Chrome中未觀察到此行爲。CSS自動換行會導致div空格後出現空白字符

編輯：添加樣品代碼here。該問題只發生在IE（Browser_Mode = IE9; Document_Mode = IE7）。

來源

2012-05-25 kaspnord

顯然td正在爲這個詞的整個長度騰出空間，好像它沒有破碎。您可以通過在div上設置overflow: hidden來防止此問題。

的jsfiddle：http://jsfiddle.net/gmDpe/6/

來源

2012-05-25 22:14:16 Brilliand

謝謝，這解決了問題！ – kaspnord

我碰到類似的問題就來了一次。您是否嘗試過在桌面元素上使用table-layout : fixed？

table-layout是一個很少有人知道，但widely supported財產，可以在這種情況下相當有用。

來源

2012-05-25 23:59:31 Denis

感謝您的輸入。但是，表格佈局屬性無法解決問題。 – kaspnord

真的嗎？我在你提交的例子中使用了'table-layout：fixed'，它看起來應該在IE7中。 – Denis

是的，這個屬性確實解決了我提供的例子。我的生產表實際上沒有明確定義的寬度，這可能是爲什麼表格佈局不起作用。謝謝。 – kaspnord

CSS自動換行會導致div空格後出現空白字符

回答

相關問題