@SoraxBZ
Веб-разработчик тем для wordpress

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

5e8650e053d11214460635.jpeg
Почему текст в последней колонке переносится, а не растягивает ее.(Ведь места для этого достаточно)
Код макета этой таблицы https://jsfiddle.net/g7w5Ln8d/1/
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
При загрузке таблицы браузер анализирует контент и где можно перенести переносит.

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

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


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

Либо попытаться запретить переносы.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы