> 웹 프론트엔드 > 프런트엔드 Q&A > CSS 인라인 블록 요소는 무엇입니까?

CSS 인라인 블록 요소는 무엇입니까?

青灯夜游
풀어 주다: 2023-01-06 11:12:37
원래의
12310명이 탐색했습니다.

CSS 인라인 블록 요소에는 다음이 포함됩니다. 1. HTML 페이지에서 이미지를 정의하는 데 사용되는 img 2. 여러 줄의 텍스트 입력 컨트롤을 정의하는 데 사용되는 텍스트 영역 3. 사용자가 데이터를 입력할 수 있는 위치를 지정하는 데 사용됩니다.

CSS 인라인 블록 요소는 무엇입니까?

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

블록 라벨 요소: p p h1-h6 hr ul ol li dl dd dt form

①너비, 높이, 하향식 배열 지원

②공백의 영향을 받지 않음

③일반 용도 기타 라벨용 컨테이너

④기본 너비는 100%입니다(한 행만).

인라인 라벨 요소:span i a b Strong em sub sup u label brfont

①너비와 높이를 지원하지 않습니다(너비와 높이는 컨텐츠 크기에 따라 자동으로 확장됨), 왼쪽에서 오른쪽으로 정렬

② 공역 영향을 받습니다 ③ ③ 줄 레이블 요소의 한 줄을 차지하지 않습니다: img textarea input

① 넓은 높이 지원, 왼쪽에서 오른쪽으로 정렬 ② 빈 그리드의 영향 ③ ③ 不 不 ③ ③ 한 줄에만 독점적으로

레이블 요소 간 변환

display: inline(인라인 요소로 변환)

inline-block(인라인 블록 요소로 변환)

block(블록 요소로 변환)不 NONE(Hidden은 하지 않음) 표시)

참고: 요소가 플로팅(float)되면 선 요소의 특성으로 변환됩니다.

동영상 공유 학습: css 동영상 튜토리얼

위 내용은 CSS 인라인 블록 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿