Сделать столбцы равной ширины в <table>

Ответ 1

Я думаю, что это сделает трюк:

table{
    table-layout: fixed;
    width: 300px;
}

Ответ 2

Используйте следующее свойство, подобное таблице и ее полностью динамическому:

ul {
    width: 100%;
    display: table;
    table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}
li {
    display: table-cell;
    text-align: center;
    border: 1px solid pink;
    vertical-align: middle;
}

<ul>
  <li>foo<br>foo</li>
  <li>barbarbarbarbar</li>
  <li>baz klxjgkldjklg </li>
  <li>baz</li>
  <li>baz lds.jklklds</li>
</ul>

Ответ 3

Обнаружено это на таблице HTML: сохраняйте ту же ширину для столбцов

Если вы установили стиль таблицы-layout: fixed; на вашем столе, вы можете переопределить изменение размера столбца браузера. Браузер будет затем установите ширину столбцов на основе ширины ячеек в первой строке стол. Измените и снимите из него, а затем установить фиксированные ширины для ячеек в.