CSS에서 초과 텍스트를 숨기는 방법

CSS에서 텍스트의 초과 부분을 숨기는 방법: [text-overflow:ellipsis;]와 같은 text-overflow 속성을 사용할 수 있습니다. 속성 값 줄임표는 초과 텍스트를 표현하기 위해 줄임표를 사용함을 나타냅니다.

속성 소개:

text-overflow 속성은 텍스트가 해당 요소를 포함하는 요소에 오버플로될 때 발생하는 상황을 지정합니다.

(학습 영상 공유: css 영상 튜토리얼)

구문:

text-overflow: clip|ellipsis|string;

속성 값:

• clip 텍스트 자르기.

• ellipsis 잘린 텍스트를 나타내는 타원을 표시합니다.

• string 주어진 문자열을 사용하여 잘린 텍스트를 나타냅니다.

예:

텍스트 한 줄의 오버플로는 생략 부호를 표시합니다

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS에서 초과 텍스트를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!