CSS text-overflow для табличной ячейки

Для обрезания строк в объектах html и вывода там многоточия мы используем  такой блок CSS

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

Для табличных ячеек такой код не работает. Нужно так:

td {
    max-width: 150px;
    overflow: hidden;
    -o-text-overflow;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Ширину писать именно в max-width.

Вам понравиться

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *