0

我有一个具有“有限宽度”和“宽”列的表格。预期的行为是在调整表格大小时，有限宽度的列变得尽可能小，而宽列适合可用空间。

<!DOCTYPE html>
<style>
.limited {width:0;overflow:hidden;}
.wide {overflow:hidden;}
.limited div, .wide div {max-width:10em;white-space:nowrap;}
table {width:100%;}
</style>
<table id="example" border="1">
    <thead>
        <tr>
            <td class="limited"><div>veeeeeeee eeeeeeee eeeeee eeeeeeeeery</div></td>
            <td class="wide"><div>looooooooo ooooooooooo oooooooooooooooooo ooooooooooooooooo ooooooong</div></td>
            <td class="limited"><div>text</div></td>
        </tr>
    </thead>
</table>

复制的代码在 Firefox 和 IE9 中的行为符合预期，但在 Chrome 中没有。如何在 Google chrome 中获得预期的行为？

4

2 回答 2

0 
.limited {width:1px;overflow:hidden;}
于 2013-02-14T08:53:20.797 回答
0

.limited { 宽度：1%; 溢出：隐藏；}

于 2013-02-14T09:22:59.487 回答