인라인 대 블록 레벨 요소와 태그
블록 수준 또는 인라인 수준 요소로 분류되는 요소는 종종 호기심의 대상이었습니다. 블록 수준 요소는 일반적으로 새 줄에서 시작하여 사용 가능한 전체 너비로 늘어나는 반면, 인라인 요소는 같은 줄의 텍스트와 함께 흐르며 고유한 너비나 높이가 없습니다.
놀라운 사실은 요소는 두 범주의 특성을 모두 갖고 있어 "인라인 블록" 요소를 형성합니다. 이 고유한 동작은 인라인 요소처럼 텍스트와 함께 흐르지만 블록 요소처럼 너비와 높이가 정의되어 있음을 의미합니다.
이것이 어떻게 나타나는지 이해하려면 다음 예를 고려하세요.
이 텍스트는 .
CSS에서는 다음과 같은 방법으로 동일한 효과를 얻을 수 있습니다. 모든 요소에 대해 display: inline-block 속성을 사용합니다. 이는 본질적으로 자체 크기를 유지하면서 텍스트와 함께 흐르는 인라인 블록 요소의 특성을 제공합니다.
또한 이미지 및
위 내용은 `` 태그는 인라인인가요, 블록 수준인가요, 아니면 완전히 다른 것인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!