>  기사  >  웹 프론트엔드  >  CSS에서 출력 단어 수를 제어하는 ​​방법

CSS에서 출력 단어 수를 제어하는 ​​방법

藏色散人
藏色散人원래의
2021-02-01 09:19:132804검색

CSS에서 출력 단어 수를 제어하는 ​​방법: 먼저 HTML 샘플 파일을 만든 다음 일부 텍스트를 정의하고 마지막으로 CSS 스타일 "overflow:hidden;"을 사용하여 다음과 같은 효과를 얻습니다. 텍스트 오버플로 및 표시 타원.

CSS에서 출력 단어 수를 제어하는 ​​방법

이 튜토리얼의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

텍스트 콘텐츠의 경우 단어 수를 제한하는 일반적인 방법에는 두 가지가 있습니다. 가장 일반적인 방법은 백그라운드 프로그램이 출력될 때 출력되는 단어 수를 제한하는 것이고, 다른 하나는 프런트 엔드에서 CSS를 사용하여 텍스트 오버플로를 제어하는 ​​것입니다. 출력되는 단어 수를 제한하는 프로그램을 사용하는 것이 좋습니다. 콘텐츠 패딩이나 요소 오버플로의 경우 이는 CSS 비표준화 및 호환성 범주에 속합니다.

다음은 텍스트 오버플로 및 줄임표에 대한 CSS 작성 방법 목록입니다.

{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;(这里是行数 你可以控制你想在第几行末尾多余的显示省略号,之前的文本正常显示)
}

확장 정보

CSS(Cascading Style Sheets)

Cascading Style Sheets(전체 영어 이름: Cascading Style Sheets)는 HTML( 표준 범용 마크업) XML(Standard Universal Markup Language의 하위 집합) 또는 XML(Standard Universal Markup Language의 하위 집합)과 같은 문서 스타일 컴퓨터 언어입니다. CSS는 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 협력하여 웹페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기와 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다.

추천: "css 비디오 튜토리얼"

위 내용은 CSS에서 출력 단어 수를 제어하는 ​​방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.