CSS 스팬 태그에서 텍스트 들여쓰기가 작동하지 않는 이유는 무엇입니까?

텍스트 들여쓰기는 블록 수준 요소에만 설정할 수 있기 때문에 범위 태그 설정은 작동하지 않습니다. 반면 범위 태그는 인라인 요소입니다. 해결 방법: "span{display:inline-block;}" 스타일을 사용하여 설정하세요. span 레이블을 인라인 블록 수준 요소로 변환하면 됩니다.

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

(추천 튜토리얼: CSS 비디오 튜토리얼)

text-indent 속성은 텍스트 블록의 첫 번째 텍스트 줄 들여쓰기를 지정합니다. 참고: 음수 값이 허용됩니다. 값이 음수이면 첫 번째 줄을 왼쪽으로 들여씁니다.

CSS 스팬 태그에서 텍스트 들여쓰기가 작동하지 않는 이유

텍스트 들여쓰기는 블록 수준 요소에만 설정할 수 있기 때문에 스팬에 텍스트 들여쓰기를 설정하면 작동하지 않습니다.

해결책:

그러나 span{display:block}이 블록 수준 요소로 변환되면 줄바꿈이 발생하고 플로팅으로 제어해야 하므로 문제가 가중됩니다. span{display:block}转换为块级元素，就会换行，还得通过浮动来控制，增加了麻烦。

所以改css为span{display:inline-block;}

그러므로 CSS를 span{display:inline-block;}으로 변경하세요.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개

를 방문하세요! ! 🎜

위 내용은 CSS 스팬 태그에서 텍스트 들여쓰기가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!