在可變寬度HTML表格

剪輯一列在這裏看到：http://jsfiddle.net/KDfTN/在可變寬度HTML表格

我有一個表其中一列將有時包含超長的內容。通常我希望桌子保持其自然寬度（即不填充其容器）。但是，如果自然寬度比容器大，我想用省略號切斷超長內容。正如鏈接所示，我試過我認爲是這樣做的正確方法，但它不起作用：表格只是越過容器的寬度而增長。任何想法或建議？

編輯：表格容器的寬度不是固定的，就像它在JSFiddle接口中一樣。

來源

2011-09-06 Grantovich

上td.long設置max-width:300px;（或任何寬度你想）

來源

2011-09-06 19:16:01

對不起，我應該提到的是，表中的容器的寬度是不固定的，所以我不能絕對尺寸適用於表的任何部分。我修改了原來的問題。 – Grantovich

那麼，您需要某種尺寸約束才能觸發省略號。您可能想嘗試在表格列上添加一些百分比。 –

我不想對列應用大小調整，因爲我希望它們的寬度與它們需要適合的內容（所有列都具有可變寬度的內容）一樣寬。當「規定的寬度」規則導致表格比它的容器更寬時，我想剪輯「long」列中的文本。換句話說，我想在這個例子中看到相同的行爲：http://jsfiddle.net/EBQkk/1/，除了我想要長列剪輯，而不是跑到多行。 – Grantovich

在可變寬度HTML表格

回答

相關問題