CSS에서 출력 단어 수를 제어하는 방법: 먼저 HTML 샘플 파일을 만든 다음 일부 텍스트를 정의하고 마지막으로 CSS 스타일 "overflow:hidden;"을 사용하여 다음과 같은 효과를 얻습니다. 텍스트 오버플로 및 표시 타원.
이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!