So ändern Sie Zeilenelemente in Blockelemente in CSS

In CSS können Sie das Anzeigeattribut verwenden, um ein Zeilenelement in ein Blockelement umzuwandeln. Dieses Attribut wird verwendet, um den Typ des Felds anzugeben, das das Element generieren soll auf das Zeilenelement, um es in ein Blockelement zu ändern.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Zeilenelemente können nicht in der Größe angepasst werden, z. B. span

Nur Blockelemente können in der Größe angepasst werden, z. B. 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>

Also Zeilenelemente in Blockelemente umwandeln?

In CSS können Zeilenelemente in Blockelemente umgewandelt werden durch 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>

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie Zeilenelemente in Blockelemente in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!