Как отобразить максимум две строки текста с помощью CSS или javascript и опустить их, если они превышают
В настоящее время я сталкиваюсь с требованием. Я надеюсь, что текст может быть ограничен двумя строками, и многоточие должно появиться ~ В настоящее время я могу использовать следующий метод CSS для его завершения, но кажется, что совместимость не очень хорошая. Это будет работать только в хроме. Если вы используете другие браузеры, это будет работать. признан недействительным. Поэтому я хотел бы спросить всех, как мы обычно должны делать это формально? В то же время он совместим со всеми основными браузерами. Спасибо, что посмотрели мой вопрос.
p {
width: 300px;
font-size: 14px;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque, tempora, suscipit explicabo quos iure eveniet eaque veritatis perspiciatis ullam quibusdam amet. Debitis magni dignissimos cupiditate deleniti, eligendi expedita at eos vel tempora deserunt
iure delectus numquam et odio minus a natus excepturi odit magnam labore? Autem accusamus voluptates alias? Qui maxime itaque voluptate velit vero sit temporibus aliquid! Veritatis nesciunt quos mollitia ipsa eum enim sunt hic aut qui odio ex, rerum
fuga deleniti adipisci cumque, reprehenderit nihil pariatur quis officia voluptates. Dolorem sit, sequi veritatis obcaecati ratione dolore explicabo? Eum possimus voluptates pariatur similique eveniet repellendus, recusandae nihil quas!</p>В настоящее время он работает нормально, но может произойти сбой, если он находится в сафари или IE, поэтому я хотел бы спросить, есть ли лучший способ! Сделайте ставку на совместимость
Прочтите этот комментарий stackoverflow.com/a/74607930/13304024
Просто сделайте поиск....
Мне кажется, это работает. Вы читаете устаревшую документацию?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Попробуйте это, используя свойство max-height. и если содержимое больше максимальной высоты, вы можете добавить многоточие, используя jquery и css.
p {max-height:32px;}
Попробуйте эту скрипку, ДЖСФИДДЛ
Что не так? ваш код работает так, как вы хотите в своем описании