具有固定单元格宽度但自动表格宽度的表格

Question

如果我有一个具有display: table; width: 100%;的常规元素，则元素增长超出给定宽度以适应任意数量的列。我需要这种行为和相等的列宽。

我发现的所有解决方案都是JavaScript（通常是jQuery），或者说要使用table-layout: fixed，它需要表格的固定宽度（例如100％），但表格包含大量数据，甚至不能包含1000px容纳那么多信息。

如何使用CSS重现此行为？

Answer 1

更新 这样的事情呢？ http://jsfiddle.net/Jax5z/1/

---

根据您所需要的浏览器的支持，并且正在显示的内容信息，您可以切断表格单元格中的文本，如果他们太长时间，仍然允许表伸展和填充页面。

http://jsfiddle.net/Jax5z/

table { 
    border-collapse: collapse; 
    width: 100%; 
    table-layout: fixed; 
    cursor: crosshair; 
    background: #eee; 
} 

td { 
    border:1px solid black; 
    padding: 10px; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    -webkit-transition: all .1s ease-out; 
}