Почему мои столбцы без фиксированной ширины не меняют размер автоматически в зависимости от ширины окна? ⇐ CSS

[Anonymous]

У меня есть таблица с несколькими столбцами фиксированной ширины. В некоторых столбцах есть текст с многоточием свойств CSS. Почему столбцы без фиксированной ширины не изменяют размер автоматически, если я меняю ширину окна? При запуске приведенного ниже фрагмента я ожидаю, что столбцы без фиксированной ширины станут меньше при уменьшении окна.

Код: Выделить всё

table {
text-align: left;
table-layout: auto;
width: 100%;
}

th,
td {
padding: 0;
border: 1px solid #dddddd;
border-collapse: collapse;
}

th {
background-color: #f2f2f2;
}

.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}

.fixedWidth80 {
width: 80px;
}

.wrapper {
background-color: aliceblue;
width: 100%;
}

Код: Выделить всё

Column 1
Column 2
Column 3
Column 4
Column 5





This is a very long text that is ellipsed
This is a very long text that is ellipsed

Data 2

This is a very long text that is ellipsed

Data 4
Data 5



This is a very long text that is ellipsed

Data 2

This is a very long text that is ellipsed

This is a bit longer
This is a bit longer

Подробнее здесь: https://stackoverflow.com/questions/781 ... ndow-width