У меня есть таблица с «шириной ширины» и «широкими» столбцами. Ожидаемое поведение при изменении размера таблицы, столбцы с ограниченной шириной становятся минимально возможными, а широкий столбец подходит к используемому пространству.html - chrome - сохранить минимальную ширину столбца
<!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, но не в хроме. Как я могу ожидать ожидаемого поведения в Google Chrome?