固定大小的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表格单元格，即使内容太大？

回答

相关问题