Пожалуйста, обратитесь к скрипке для деталей. Суть в том, что стиль
.cutty {
display: flex;
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
, кажется, не заставляет точки при нажатии кнопки., Несмотря на тот факт, что родительский элемент имеет стиль
.left {
display: flex;
flex: 1;
overflow: hidden;
}
Цель состоит в том, чтобы розовый каттих получил большую часть ширины в фиолетовом влево , в то время как коричневые фиксы остались на той же ширине. Конечно, я хочу устранить наложение на пустое пространство и отрезать переливающуюся часть.
Способ, который предложил мой поиск в Google, - убедиться, что инкапсулирующий родительский элемент также настроен на скрытие переполнения. Однако, как показано в скрипке, этого не происходит. Были также некоторые упоминания о минимальной ширине, установленной на ноль. Однако попытка ничего не дала.
Что мне не хватает?