У меня есть div, который не имеет фиксированной высоты и имеет несколько блоков <p> в качестве дочерних элементов.Я пытался использовать переполнение текста или зажим строки, но кажется, что они не относятся к детям.Это приводит к тому, что текст иногда обрезается посередине.Я собираюсь попробовать заменить блоки <p> на <br>, но, похоже, должен быть лучший способ сделать это.Я также не знаю высоту до тех пор, пока страница не отобразится, поэтому я не могу ничего предварительно вычислить в шаблоне.У кого-нибудь есть более разумный подход к этой проблеме?
Редактировать: добавить пример
<div class="content">
<p>a big chunk of text</p>
<p>another chunk of text</p>
</div>
Css это что-то вроде
.content {text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;}
Я пробовал разные способысмешивания и сопоставления этого, и все же некоторые блоки <p> будут обрезаны.
Если все выглядит хорошо, пожалуйста, дайте мне знать - кто-то предположил, что может быть какое-то другое вмешательство CSS?На странице много CSS, поэтому это возможно.
Редактировать: еще одно уточнение.Отсечка вертикальная, а не горизонтальная.Текст внизу обрезается посередине, или, например, такой символ, как aj или y, обрезает хвост.