固定大小的HTML表格單元格，即使內容太大？

我想用HTML創建一個圖表。我用了一張固定的列表。一切看起來都很好，但如果單元格的內容太長，則列寬將擴大。我希望列寬保持不變，即使某些內容被隱藏。固定大小的HTML表格單元格，即使內容太大？

有沒有辦法做到這一點？

2010-10-05 Noam

[CSS：如何設置表格列寬度常量，而不管其單元格中文本的數量？]（http://stackoverflow.com/questions/4457506/css-how-to-set-the -table-column-width-constant-none-of-the-of-text-text） – 2015-04-14 19:39:55

除了@ barrylloyd的回答，我也建議使用：

td,th { 
    min-width: 3em; /* the normal 'fixed' width */ 
    width: 3em; /* the normal 'fixed' width */ 
    max-width: 3em; /* the normal 'fixed' width, to stop the cells expanding */ 
}

的min-width可能是不必要的，但它涵蓋了所有的基礎。

來源

2010-10-05 17:39:13

非常感謝！溢出：隱藏和最大寬度：1em的組合做到了！ – Noam 2010-10-05 18:14:29

如何CSS來解決這個問題：

td { overflow: hidden; }

大概應該是足夠的。

來源

2010-10-05 17:21:29

我不相信'td'尊重'overflow'屬性。 – founddrama 2013-01-31 16:28:27

的Try ...

表{表格的佈局：固定}

在樣式表

。

這將強制使用固定表格佈局算法瀏覽器...

固定表格佈局算法：

水平佈局僅取決於表格的寬度，列的寬度，而不是單元格的內容

允許瀏覽器以比自動錶格佈局更快的速度佈局表格

瀏覽器可以開始顯示錶格第一個行已收到

（見http://www.w3schools.com/Css/pr_tab_table-layout.asp）

來源

2010-10-05 17:27:16 barrylloyd

我唯一要補充的是文本可能會溢出'td'（例如，如果你有一個超長字符串）並且如果發生*那麼你想考慮包裝'td'內容在一個帶'溢出：自動'設置的'div'中。 – founddrama 2013-01-31 16:53:42

固定大小的HTML表格單元格，即使內容太大？

回答

相關問題