CSS에서 인라인은 무엇을 의미합니까?-프런트엔드 Q&A-php.cn

CSS에서 인라인은 무엇을 의미합니까?

WBOY

풀어 주다： 2021-12-29 11:40:32

원래의

4772명이 탐색했습니다.

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

css에서 inline의 의미

css에서 inline 속성 값은 display 속성과 함께 사용되어 지정된 요소가 인라인 요소로 표시되도록 설정합니다. 요소.

웹 페이지는 일반적으로 두 요소의 조합입니다. 하나는 인라인 요소로, 너비와 높이를 추가해도 효과가 없습니다. 하나는 해당 너비와 높이를 추가할 수 있는 블록 요소입니다. 일반적으로 웹 페이지의 레이아웃에 사용되는 것은

display:block;은 인라인 요소를 블록 요소로 변환하는 것을 의미하며

해당하는 display:inline;은 블록 요소를 인라인 요소로 변환하는 것을 의미합니다

예:

< ;/span>

와 같은 태그로 사용하려면 display:block;을 사용할 수 있습니다! [모든 태그를 사용하는 것은 WEB 표준을 따르는 것이 가장 좋습니다.]

한 줄에 표시하려면

태그에 display:inline;을 설정하면 됩니다.

예제는 다음과 같습니다.

<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>
<p>而 div 元素不会显示出来！</p>
<div>div 元素的内容不会显示出来！</div>
</body>
</html>

로그인 후 복사

출력 결과:

CSS에서 인라인은 무엇을 의미합니까?