Bagaimana untuk menukar elemen baris untuk menyekat elemen dalam css

Dalam CSS, anda boleh menggunakan atribut paparan untuk menukar elemen baris kepada elemen blok Atribut ini digunakan untuk menentukan jenis kotak yang perlu dijana oleh elemen tersebut. Anda hanya perlu menambah "display:block; " gaya kepada elemen baris. Boleh ditukar kepada elemen blok.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

elemen baris tidak boleh bersaiz, seperti span

Hanya elemen blok boleh bersaiz, seperti 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>

Jadi tukar elemen baris kepada elemen sekat?

Dalam CSS, elemen baris boleh ditukar menjadi elemen blok melalui 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>

Pembelajaran yang disyorkan: Tutorial video CSS

Atas ialah kandungan terperinci Bagaimana untuk menukar elemen baris untuk menyekat elemen dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!