중복되는 단어를 숨기고 생략 부호로 바꾸는 방법

프런트 엔드에서도 유사한 효과가 자주 발생합니다. 예를 들어 그림에서 "Fenghuaxueyue and Ancient Town Volcano-…" 뒤에 있는 "…"는 텍스트를 표시할 수 없고…

이를 달성하려면 요소에 다음 3가지 CSS 속성을 추가하기만 하면 됩니다.

            overflow: hidden;//多余的隐藏            
            text-overflow:ellipsis;//多出来的用省略号代替            
            white-space: nowrap;//不换行

위 내용은 중복되는 단어를 숨기고 생략 부호로 바꾸는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!