Запретить текст из таблицы перекрытия 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; поэтому он будет отвечать за полную ширину таблицы.