CSS에서 콘텐츠를 숨기는 방법

CSS에서 콘텐츠를 숨기는 방법: 1. "text-indent:-9999px;"를 사용합니다. 2. "line-height:0;"을 사용합니다. 3. "display:none"을 사용합니다. " ;5. "포지션"을 통해 콘텐츠를 숨깁니다.

이 문서의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

CSS에서 텍스트 콘텐츠를 숨기는 6가지 방법

웹 프런트 엔드 개발자로서 HTML의 의미를 이해하기 위해 , 콘텐츠 모듈을 추가해야 하는 경우가 많습니다. 페이지를 더욱 의미 있게 만들기 위해 제목을 추가하고, CSS 없이 돌아다니지 않고도 페이지 정보를 쉽게 흡수할 수 있는 그림 버튼을 추가하는 경우가 많습니다. 일반적으로 더 나은 시각적 효과를 전달하기 위해 종종 교체합니다. 글꼴 및 이전 프런트엔드 개발에서는  를 사용하여(또는 심지어 비어 있음) html의 콘텐츠를 직접 제공하지 않았기 때문에 이 블록의 콘텐츠가 무엇인지 알 수 없습니다. CSS에 로드

주제부터 시작합니다. 일반적으로 글꼴을 오프셋하는 방법은 다음과 같습니다.

1. text-indent:-9999px를 사용합니다.

하지만 블록 수준 요소 블록에만 적용됩니다. 그리고 우리는 종종 글꼴의 a를 오프셋하려고 하므로 문제가 발생합니다. text-indent:-9999px를 사용하는 것이 더 편하지만 a가 블록으로 변환되면 그 뒤에 있는 요소가 다음으로 푸시되는 경우가 많습니다. line.이 a 뒤에 a 버튼이 오면 군중이 그 뒤에 나타나도록 float를 사용해야 합니다. 2. line-height: 0;

font-size:0;
overflow:hidden;

display:block;
font-size:0;
line-height:0;
text-indent:-9999px;

.texthidden{
display:block;/*统一转化为块级元素*/
overflow:hidden;
width:0;
height:0;
}

.texthidden{
positon:absolute;
margin-top:-9999px;
margin-left:-9999px;
}

css 동영상 튜토리얼

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