Как заставить Flex-Box работать с вложенным ребенком, которому нужен усеченный текст? ⇐ CSS

[Anonymous]

Чтобы позволить гибкому делу усекать текст с эллипсисом, можно дать родителям мин с: 0. В моем проекте ребенок вкладывается почти в 10 различных контейнеров с гибкой. Мне нужно дать всем родителям минимальную ширину: 0 или для лучшей работы?

Код: Выделить всё

body {
width: 400px;
}

.flex-parent {
display: flex;
padding: 10px;
border: solid;
}

.flex-parent-parent {
display: flex;
border: solid;
padding: 10px;
}

.flex-parent-parent-parent {
display: flex;
border: solid;
padding: 10px;
}

.long-and-truncated {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}< /code>




1. This is a long string that is OK to truncate please and thank you

Подробнее здесь: https://stackoverflow.com/questions/717 ... cated-text