해결책은 다음과 같습니다.
CSS 코드:
디스플레이: -webkit-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 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!