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

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;
}