CSS는 중국어 줄바꿈, 줄바꿈, 초과 후 줄임표 표시 문제 해결
1016 단어 ☛HTML(5) 및 CSS(3)
white-space:pre-wrap;//중국어에만 적용, 줄 바꿈 강제
word-break:break-all;//영어에만 작용하고 알파벳을 근거로 줄을 강제로 바꾼다
word-break:break-word;//영어에만 작용하고 단어를 근거로 줄을 강제로 바꾼다
overflow:hidden;//초과된 내용 숨기기
text-overflow:ellipsis;//초과된 내용은 생략부호
인스턴스 1: 행을 바꾸지 않고 초과된 컨텐트를 줄임표(중국어, 영어)로 설정합니다.
white-space:nowrap; // ( )
overflow:hidden; //
text-overflow:ellipsis; //
인스턴스 2: 강제 줄 바꿈, 영문 줄바꿈 근거, 초과 내용 줄임표 설정
white-space: pre-wrap; //
word-break:break-all; // ,
overflow:hidden; //
text-overflow:ellipsis; //
실례3: 강제로 줄을 바꾸고, 영어는 단어를 줄바꾸기의 근거로 하며, 초과된 내용은 생략호로 설정한다.
white-space:pre-wrap; //
word-break:break-word; // ,
overflow:hidden; //
text-overflow:ellipsis; //
유사 문서: CS3은 내용을 몇 줄로 표시하고, 초과 부분은 줄임표를 표시합니다
(끝)