인라인 블록 태그:

인라인 블록 요소(inline-block)는 모두 인라인 요소이자 블록 요소입니다. 코드 표시의 특징:인라인 -block은 요소를 인라인 블록 요소로 설정하는 것입니다. (css2.1의 새로운 기능) 및 태그는 이러한 인라인 블록 태그입니다.

기능:

• 자동 줄 바꿈 없음

• 너비와 높이 설정 기능

• 기본 정렬은 왼쪽에서 오른쪽입니다.

• text-align:center를 사용하여 콘텐츠를 만들 수 있습니다. img 태그와 같이 상위 상자를 기준으로 한 가운데 정렬은 text-align:center, 상위 상자를 기준으로 한 가운데 정렬, margin:0을 사용할 수 있습니다. 자동은 유효하지 않습니다.

• 가로로 정렬되지만 모든 요소에는 기본적으로 공백은 1입니다. 요소 사이에 캐리지 리턴이나 줄 바꿈이 HTML로 작성된 경우 브라우저는 이를 공백으로 구문 분석하기 때문입니다.

일반적으로 사용되는 인라인 블록 요소는 다음과 같습니다:

,

HTML 태그 유형은 다음과 같이 변환될 수 있습니다.

• display:inline; 인라인 요소로 변환됨

• display:linline -block;인라인 블록 요소로 변환

• display:block;블록 수준 요소로 변환