@serhiops
Python/JavaScript/C++

Почему не оборачивается обрезается текст при использовании flex?

При горизонтальном изменении окна меняется размер окна с чатами, но почему-то текст не обрезается по размеру окна:
https://codepen.io/serrhii/pen/ZEgqWRR
То есть правило
.chat .info .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

не отображается. Интересно, что при стилизации отобрадения чата как грида, все работает ожидаемо:
https://codepen.io/serrhii/pen/zYgmqLM
  • Вопрос задан
  • 89 просмотров
Решения вопроса 1
alsolovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
Потому что у вас из-за white-space блок info занимает всю длину текста:
672bb2a011545204235404.png
Задайте блоку info overflow hidden, чтобы он знал до какого размера ему обрезать текст:

ну и я бы в 3 колонки (аватар, имя/сообщение, дата/кол) сделал на flex, а не в 2 как у вас, чтобы размеры были одинаковые.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы