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

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