>  기사  >  웹 프론트엔드  >  HTML 인라인 태그의 너비와 높이를 설정할 수 있나요?

HTML 인라인 태그의 너비와 높이를 설정할 수 있나요?

青灯夜游
青灯夜游원래의
2021-06-21 11:54:155458검색

HTML 인라인 태그에는 너비와 높이를 설정할 수 없으며, 너비와 높이 속성 값을 설정해도 너비와 높이는 콘텐츠에 완전히 종속되지 않습니다. 인라인 레이블의 높이, 줄 높이, 여백 및 패딩은 변경할 수 없습니다. 너비는 해당 콘텐츠(텍스트 또는 이미지)의 너비이며 변경할 수 없습니다.

HTML 인라인 태그의 너비와 높이를 설정할 수 있나요?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

HTML에서 태그는 블록 수준 요소 태그와 인라인 요소 태그로 나눌 수 있습니다.

블록 수준 요소란 무엇인가요?

  • 항상 새 줄에서 시작하세요.

  • 높이, 줄 높이, 여백 및 패딩을 모두 제어할 수 있습니다.

  • 너비를 설정하지 않는 한 너비는 기본적으로 컨테이너의 100%입니다.

  • 인라인 요소와 기타 블록 요소를 담을 수 있습니다.

인라인 요소(인라인 요소)란 무엇인가요?

  • 및 기타 요소는 같은 줄에 있습니다.

  • 높이, 줄 높이, 외부 여백 및 내부 여백은 변경할 수 없습니다.

  • 너비는 텍스트나 그림의 너비이며 변경할 수 없습니다.

  • 인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.

인라인 요소를 블록 수준 요소로 변환하여 너비와 높이를 설정합니다.

일반적으로 인라인 요소는 너비와 높이를 직접 설정할 수 없습니다. , 이것이 행을 차지하지 않는 이유입니다.

하지만

스타일을 설정하여 블록 수준 요소나 인라인 블록 요소로 변환한 다음 너비와 높이를 설정할 수 있습니다. display:block;或者display:inline-block;

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

프로그래밍 비디오를 방문하세요! !

위 내용은 HTML 인라인 태그의 너비와 높이를 설정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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