固定大小的HTML表格单元格，即使内容太大了？

Question

我想用HTML创建一个图表。我用了一个带有固定柱子的桌子。一切看起来都很好，但是如果单元格的内容太长，则会扩展列宽。我希望列宽保持固定，即使隐藏了一些内容。

有办法吗？

Answer 1

...试

  

table {table-layout：fixed}

在样式表中。

这会强制浏览器使用固定的表格布局算法......

  

固定表格布局算法：

     

  
• 水平布局仅取决于表格的宽度和列的宽度，而不是单元格的内容
  
• 允许浏览器以比自动表格布局更快的速度布置表格
  
• 一旦收到第一行，浏览器就可以开始显示表格
  

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

Answer 2

除了@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可能是不必要的，但它涵盖了所有基础。

Answer 3

如何解决它的问题：

td { overflow: hidden; }

应该足够了。