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

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

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

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

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

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에서는 display：block

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