顯示：表，最大寬度，文本溢出，溢出不工作在IE8

對於各種與jQuery/Javascript相關的原因，我使用的樣式與display：table和display：table-cell來表示數據。該標記看起來是這樣的：顯示：表，最大寬度，文本溢出，溢出不工作在IE8

<div style="display:table; width:100%"> 
    <div style="display:table-cell; width:20%;">Stuff</div> 
    <div style="display:table-cell; width:60%; max-width:600px; overflow: hidden;"> 
    Longer Stuff 
    </div> 
    <div style="display:table-cell; width:20%;">Stuff</div> 
</div>

的造型實際上是當然的CSS，而不是樣式屬性，但這是一般的想法。該網站本身是固定的寬度，因此像素＃。

除IE8以外（我還沒有在IE9中測試過），這個功能在我測試過的所有瀏覽器中都很完美。然而在IE8中，中心列似乎忽略了溢出和最大寬度屬性。這是IE8中的錯誤嗎？如果是這樣，是否有可能解決這個問題，而沒有找到一種新的方式來列表我的數據？

來源

2013-06-21 Peter

因此，您有表格數據（「...代表數據...」和「...列表我的數據...」）？ – cimmanon

大概應該說的更清楚 - 基本上，我做了一張桌子，但沒有桌子，而是使用div。是的，這是嚴重的，不，對於這個特定頁面沒有更好的方法。 – Peter

如果讀取的內容是在2d中讀取的，那麼使用表格，否則，在流程中保持流量是好的:)。你有沒有試圖設置表格佈局：固定？ –

GCyrillus建議解決問題的註釋中的工作 - 設置表格佈局：固定到外部div（一個樣式爲display：table）。

來源

2013-06-24 14:42:29 Peter

您不應該在樣式屬性中使用=符號。你應該使用:。這可能是你的問題。更改max-width=60px到max-width: 60px

來源

2013-06-21 21:26:26 Vector

這是我的問題中的一個錯字。我在用：。 – Peter

顯示：表，最大寬度，文本溢出，溢出不工作在IE8

回答

相關問題