디스플레이:인라인은 무엇을 의미하나요?

coldplay.xixi
풀어 주다: 2020-06-30 16:45:51
원래의
14628명이 탐색했습니다.

display: inline은 객체가 인라인 요소로 표시되도록 설정하는 것을 의미합니다. Inline은 인라인 객체의 기본값이며, 일반적으로 사용되는 div는 블록 수준 요소입니다. 그러나 표시의 경우 div 중 inline 으로 설정되어 있으면 여러 div가 한 줄에 표시됩니다.

디스플레이:인라인은 무엇을 의미하나요?

display:inline 의미:

인라인 요소로 표시할 개체를 설정합니다. Inline은 인라인 개체의 기본값입니다. (ps: 인라인 개체는 자동으로 줄을 생성하지 않는 요소입니다. Breaks(span 등)) 우리가 일반적으로 사용하는 div는 블록 수준 요소이고, 기본 표시 속성은 block입니다. 하지만 div의 표시를 인라인으로 설정하면 한 줄에 여러 div가 표시될 수 있습니다.

블록 요소의 인라인 표시를 인라인 표시로 변경할 수 있습니다. 예를 들어

<div> DIV1 </div>
 
<div> DIV2 </div>
로그인 후 복사

여기서 DIV1과 DIV2는 각각 한 줄을 차지하지만 속성을 추가하면

<div style= "display:inline "> DIV1 </div>
 
<div style= "display:inline "> DIV2 </div>
로그인 후 복사

DIV1이 변경됩니다. 이때 DIV2가 표시됩니다. 같은 줄에서 한번 시도해 보겠습니다.

display:inline에 해당하는 것은 display:block입니다. block은 CSS 속성이 적용된 HTML 태그를 블록 수준 요소로 만듭니다. 예를 들어 SPAN은 인라인으로 표시되지만 display:block을 추가하면 달라집니다. attribute

<span style= "display:block "> SPAN1 </span>
 
<span style= "display:block "> SPAN2 </span>
로그인 후 복사

추천 튜토리얼: "css tutorial"

위 내용은 디스플레이:인라인은 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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