Позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок

[Павел Ткачев]

Подскажите, как решить задачу позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок?

Использую следующий CSS:

div{
  height:160px;
  width:160px;
  overflow:hidden;
  display:table-cell;
  vertical-align:bottom;
}

При таком способе не срабатывает overflow:hidden; и при длинном тексте высота блока увеличивается. 

[klierik]

Здравствуйте.

19 минут назад, Павел Ткачев сказал:

При таком способе не срабатывает overflow:hidden;

Не сработает из-за

display:table-cell;

Попробуйте для контента создать отдельный <div>, для которого примените выше указанные правила

[Павел Ткачев]

7 минут назад, klierik сказал:

Попробуйте для контента создать отдельный <div>, для которого примените выше указанные правила

Есть ли способ получить нужный эффект без добавления нового элемента?

[klierik]

8 минут назад, Павел Ткачев сказал:

Есть ли способ получить нужный эффект без добавления нового элемента?

Скорее всего нет, так как таблицы тянутся по контенту. Вы хотите что бы таблица была таблицей, но имела свойства блочных элементов. Пользуйтесь чем-то одним.

Или же воспользуйтесь флексами: https://jsfiddle.net/aneumpd4/4/