CSS로 문자를 가로채는 여러 가지 방법에 대한 자세한 설명(CSS 조판으로 오버플로 텍스트가 숨겨짐)_CSS/HTML

방법 1:

참고: 하이퍼링크, 그림 등을 포함한 모든 HTML 요소가 콘텐츠가 될 수 있다는 장점이 있습니다. IE6에서는 끝에 줄임표가 자동으로 표시됩니다. 단점은 너비 값을 지정해야 하며 너비가 백분율이 될 수 없다는 것입니다. 그렇지 않으면 IE에서 전체 문자 길이의 백분율로 간주됩니다.

방법 2:

참고: 너비를 백분율로 설정할 수 있다는 장점이 있습니다. 하지만 단점은 콘텐츠가 일반 텍스트로만 구성될 수 있고 하이퍼링크 및 기타 콘텐츠를 포함할 수 없다는 것입니다.

CSS 문자열 자르기 CSS는 자동 텍스트 자르기를 구현하며 코드는 다음과 같습니다.

핵심은 text-overflow이며 구문은 다음과 같습니다.

이 속성은 IE에만 ​​적용된다는 점에 유의하세요! 그러나 IE만 사용할 수 있는 것은 아닙니다. 이 태그는 Guaioh에서 공개적으로 지원 및 채택되지는 않지만 많은 브라우저의 비공개 속성에 포함되어 있습니다. Text-overflow는 단독으로 사용할 경우 작동하지 않습니다. 반드시 white-space:nowrap;overflow:hidden;과 결합해야 합니다. 이전 문장의 기능은 텍스트의 끝이나 br 개체를 만날 때까지 모든 텍스트를 동일한 줄에 표시하도록 하는 것입니다.

text-overflow를 사용하기 가장 좋은 곳은 기사의 텍스트가 아니라 제목이나 초록의 목록을 한 줄에 표시하는 것임을 어렵지 않게 알 수 있습니다.

구문:

값:

설명:

오브젝트 내 공백 문자 처리 방법을 설정하거나 검색합니다.

줄 바꿈, 공백, TAB과 같은 공백 문자는 HTML 문서에서 기본적으로 무시됩니다. 이 속성이 Normal 또는 nowrap 으로 설정되면 줄 바꿈되지 않는 이름의 엔터티를 사용하여 공백을 추가하고 br 요소를 사용하여 줄 바꿈을 추가할 수 있습니다. 이 속성은 IE에서 표시되는 콘텐츠와 마찬가지로 DOM(문서 개체 모델)을 사용하여 조작하는 콘텐츠에도 동일한 영향을 미칩니다.

이 속성은 블록 개체에 적용됩니다.

이 속성은 currentStyle 개체에 대해 읽기 전용입니다. 다른 객체에서 읽고 쓸 수 있습니다.

해당 스크립트 기능은 공백입니다.