1

Есть 2 div'a, в них находятся произвольный текст. Иногда они наезжают друг на друга, и я добавил text-overflow для ограничения длины этих блоков

Мне необходимо, чтобы текст автоматически обрезался, если рядом находится блок который не влазит в общий родительский div, но без указания width/max-width для этих блоков? Потому что с указанием максимальной длины, если есть пустое место, то строка в одном из блоков всё равно обрезается.

1
  • 1
    Минимальный код приведи. Не до конца понятно, как всё зрительно устроено. 8 июн 2017 в 14:49

1 ответ 1

1

Самый простой вариант - flex:

.wrapper{
    display: flex;
}
.wrapper > div{
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
<div class=wrapper>
<div>Актуализация, очевидно, расточительно переворачивает неоднозначный мир.</div>
<div>Уравнение в частных производных</div>
</div>

Когда один тест обрезан, другой нет:

.wrapper{
    display: flex;
}
.wrapper > div{
    white-space: nowrap; 
}
.wrapper > div.cut{
    overflow: hidden; 
    text-overflow: ellipsis;
}
<div class=wrapper>
<div class=cut>Актуализация, очевидно, расточительно переворачивает неоднозначный мир.</div>
<div class=full>Уравнение в частных производных</div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.