Как я могу ограничить запись таблицы <td>
расширением по всему экрану, когда
слишком длинная запись?
Запретить текст из таблицы перекрытия td width
Ответ 1
Ну, там max-width
, max-height
и overflow
в CSS.
Итак,
td.whatever
{
max-width: 150px;
max-height: 150px;
overflow: hidden;
}
ограничивает максимальную ширину и высоту до 150 пикселей, и может быть любое значение от менее 150 до 150, а все, что не помещается внутри, будет отсечено и скрыто от вида.
Переполнение по умолчанию (overflow: visible;
) - это просто разрешить все, что не помещается внутри указанного контейнера, чтобы просто пролить его. Если вы хотите ограничить его по горизонтали и не хотите ничего скрывать, word-wrap
может помочь:
td.whatever
{
max-width: 150px;
word-wrap: break-word;
}
word-wrap
будет прерывать слова всякий раз, когда это необходимо, даже если это не конец слова. Вы также можете просто использовать height
и width
для указания фиксированного размера, если вы не хотите, чтобы таблица расширялась или сокращалась вообще.
Ответ 2
Вы можете использовать word-wrap:break-word;
, поэтому обернутые слова обернуты.
Ответ 3
td.whatever_class{
max-width: 100px;
}
замените 100px тем, что вам нужно. 1000px - хорошая ширина для веб-сайтов, поскольку она будет соответствовать почти всем мониторам, которые есть у людей сегодня, поэтому, если у вас было 20 столбцов, тогда сделайте это 50px, например.
Ответ 4
Вам нужно указать BOTH стили max-width
и display
(потому что атрибут display задан смешно, потому что это td, а не обычный элемент), например.
td{
max-width: 100px;
display: inline-block;
}
Ответ 5
Существует также приятное решение с свойством max-width: 0px; поэтому он будет отвечать за полную ширину таблицы.