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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!