>  기사  >  웹 프론트엔드  >  CSS 첫 줄의 들여쓰기가 효과가 없는 이유는 무엇입니까?

CSS 첫 줄의 들여쓰기가 효과가 없는 이유는 무엇입니까?

藏色散人
藏色散人원래의
2020-12-22 11:06:413309검색

CSS 첫 줄의 들여쓰기가 효과가 없는 이유와 해결 방법: 1. 요소가 블록 수준 요소가 아닙니다. 해결 방법은 "display:inline-block;"을 사용하여 레이블을 만드는 것입니다. 일부 블록 수준 요소의 속성 2. 효과가 차단됩니다. 우선순위가 높은 스타일 재정의의 경우 해결 방법은 우선순위를 수정하는 것입니다.

CSS 첫 줄의 들여쓰기가 효과가 없는 이유는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

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

웹 페이지 레이아웃에서 첫 줄 들여쓰기는 매우 일반적인 효과로, 단락을 더욱 표준화되고 깔끔하게 보이게 합니다! CSS를 통해 첫 줄 들여쓰기를 설정했지만 아무런 효과가 없는 이유는 무엇입니까?

CSS의 첫 번째 줄 들여쓰기는 text-indent 속성을 사용하며 해당 값은 숫자, 백분율 및 상속을 사용할 수 있도록 허용합니다.

CSS 첫 번째 줄의 들여쓰기가 유효하지 않은 이유:

  • 요소는 블록 수준 요소가 아닙니다.

  • 효과는 더 높은 우선순위 스타일에 의해 재정의됩니다.

해결책:

1. 태그가 블록 수준 요소인지 확인합니다. 그렇지 않은 경우에는 display:inline-block;을 사용하여 일부 블록 수준 요소의 속성을 갖도록 할 수 있습니다. !important 질문 우선순위! important > id > class > tag

사용 예:

p{
    text-indent: 2em;
}

한자 두 글자 들여쓰기: 2em;

상대적인 텍스트 크기를 의미하며, 1em은 1개의 텍스트 크기, 2em은 2개의 텍스트 크기입니다)

위 내용은 CSS 첫 줄의 들여쓰기가 효과가 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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