>  기사  >  웹 프론트엔드  >  CSS에서 행 요소를 블록 요소로 변경하는 방법

CSS에서 행 요소를 블록 요소로 변경하는 방법

青灯夜游
青灯夜游원래의
2021-09-03 16:36:544835검색

CSS에서는 표시 속성을 사용하여 행 요소를 블록 요소로 변환할 수 있습니다. 이 속성은 요소가 생성해야 하는 상자 유형을 지정하는 데 사용됩니다. "display:block;" 행 요소를 블록 요소로 변경합니다.

CSS에서 행 요소를 블록 요소로 변경하는 방법

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

span과 같이 행 요소의 크기를 지정할 수 없습니다.

div와 같은 블록 요소만 크기를 지정할 수 있습니다

CSS에서 행 요소를 블록 요소로 변경하는 방법

nbsp;html>



    <meta>
    <meta>
    <!-- <link rel="stylesheet" href="style.css">    -->
    <style>
       div {
           width: 100px;
           height: 100px;
           background-color: pink;
       }

        a {
           width: 100px;
           height: 100px;
           background-color: pink;
       }
    </style>



    <div>块元素</div>
    <a>行元素</a>


CSS에서 행 요소를 블록 요소로 변경하는 방법

행 요소를 블록 요소로 변환하시겠습니까?

CSS에서는 display:block

CSS에서 행 요소를 블록 요소로 변경하는 방법

nbsp;html>



    <meta>
    <meta>
    <!-- <link rel="stylesheet" href="style.css">    -->
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: pink;
        }

        a {
            width: 100px;
            height: 100px;
            background-color: pink;
            display: block
        }
    </style>



    <div>块元素</div>
    <a>行元素</a>


CSS에서 행 요소를 블록 요소로 변경하는 방법

을 통해 행 요소를 블록 요소로 변환할 수 있습니다. 권장 학습: CSS 비디오 튜토리얼

위 내용은 CSS에서 행 요소를 블록 요소로 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.