Решение заключается в следующем:
CSS-код:
отображение: -webkit-box; отображение: -moz-box; перенос слов: разрыв слова; переполнение текста: многоточие; -webkit-box-orient: вертикально; webkit-line-clamp:2; /*Отображение количества строк*/;Способ 2. Используйте jQuery для перехвата и замены текстового содержимого.
Решение заключается в следующем:
js-код:
$(.text).each(function() { if ($(this).text().length > 20) {//Требовать, чтобы количество слов было больше 20, прежде чем заменять количество слов $(this).html($ (this).text().replace(//s+/g, ).substr(0, 80) + ...) //Заменяем от 0 до 80 и заменяем оставшееся текстовое содержимое на... }})Два вышеуказанных метода можно применить к имени класса текстового содержимого.
Подвести итогВыше приведены два распространенных решения проблемы пропущенных символов при переполнении текста HTML. Надеюсь, это будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор вам ответит. вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!