> 웹 프론트엔드 > 프런트엔드 Q&A > CSS에서 인라인은 무엇을 의미합니까?

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

WBOY
풀어 주다: 2021-12-29 11:40:32
원래의
4813명이 탐색했습니다.

이 튜토리얼의 운영 환경: 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에서 인라인은 무엇을 의미합니까?

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

  • 위 내용은 CSS에서 인라인은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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