Почему таблица не подстраивается под текст, а его переносит?

Question

[Богдан Жувак]

Почему текст в последней колонке переносится, а не растягивает ее.(Ведь места для этого достаточно)
Код макета этой таблицы https://jsfiddle.net/g7w5Ln8d/1/

Comments

[Rsa97]

Потому что где-то у вас что-то неправильно прописано. Где и что по картинке не определить.

[Богдан Жувак]

Rsa97, вот код https://jsfiddle.net/g7w5Ln8d/1/

Answer 1

[Арсений Матыцин]

При загрузке таблицы браузер анализирует контент и где можно перенести переносит.

В общем и целом самая правая колонка имеет больше шансов на переносы и возможность быть «узкой», что и происходит. Именно по этой причине и верстали всегда с точным указанием размера столбца. И должно это выглядеть как-то так:

<tr>
  <td width="50">Сорт</td>
  <td width="250">Сечение(мм) /длина(м)</td>
  <td width="100">Цена, руб./м³</td>
</tr>

Но лучше это загнать в шапку и посмотреть в сторону назначения классов с размерами под разные разрешения.

Либо попытаться запретить переносы.