숨김을 넘어 CSS 스타일을 구현하는 방법-CSS 튜토리얼-php.cn

숨김을 넘어 CSS 스타일을 구현하는 방법

藏色散人

풀어 주다： 2023-01-07 11:42:45

원래의

7062명이 탐색했습니다.

숨겨진 CSS 스타일을 구현하는 방법: 먼저 HTML 샘플 파일을 만든 다음 "overflow: hide; text-overflow: ellipsis;"를 통해 텍스트 숨김 효과를 설정합니다.

숨김을 넘어 CSS 스타일을 구현하는 방법

이 기사의 운영 환경: windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

CSS 스타일을 숨기는 것 이상을 달성하는 방법은 무엇입니까?

줄임표를 넘어선 CSS 스타일

width: 30px;
overflow: hidden;   //隐藏
white-space: nowrap;  //不换行
text-overflow: ellipsis; //超出部分省略号

로그인 후 복사

정의 및 사용법:
공백 속성은 요소 내의 공백을 처리하는 방법을 설정합니다.
가능한 값 : : value

설명 정상 기본값으로, 공백은 브라우저에 의해 무시됩니다. 이는 HTML의 pre 태그처럼 동작합니다. nowrap텍스트는 줄 바꿈되지 않으며 태그가 나타날 때까지 텍스트는 같은 줄에 계속됩니다. 공백 순서를 유지하지만 정상입니다. text-overflow 속성은 텍스트가 포함된 요소를 오버플로할 때 발생하는 상황을 지정합니다. ㅋㅋㅋ string Trimmed를 나타내기 위해 주어진 문자열을 적용합니다. text추천 학습: ""