Heim  >  Artikel  >  Web-Frontend  >  So zeigen Sie Elemente in CSS nicht an

So zeigen Sie Elemente in CSS nicht an

coldplay.xixi
coldplay.xixiOriginal
2021-04-15 17:07:134846Durchsuche

So legen Sie nicht angezeigte Elemente in CSS fest: 1. Verwenden Sie die Methode [display:none;] 2. Ändern Sie [display:none;] in [visibility: versteckt;]

So zeigen Sie Elemente in CSS nicht an

Die Betriebsumgebung von Dieses Tutorial: Windows7-System, CSS3-Version, DELL G3-Computer.

So legen Sie fest, dass Elemente nicht in CSS angezeigt werden sollen:

(1) Anzeige: keine;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <style type="text/css">
    .box {
        width: 160px;
        height: 100px;
        background: #cad5eb;
    }
    .title {
        height: 40px;
        background: #54a962;
    }
    .content {
        height: 60px;
        background: #5650bb;
    }
    </style>
</head>
<body>
    <div class="box">
        <h3 class="title">标题</h3>
        <p class="content">内容</p>
    </div>
</body>
</html>

So zeigen Sie Elemente in CSS nicht an

Nach der Einstellung von Anzeige: keine; ist der Effekt wie folgt:

So zeigen Sie Elemente in CSS nicht an

Sie können sehen dass der ursprüngliche Titelteil fehlt und der Inhaltsteil den ursprünglichen Titelteil einnimmt

(2) Sichtbarkeit: versteckt; Das Ergebnis ist ganz anders

Das obige ist der detaillierte Inhalt vonSo zeigen Sie Elemente in CSS nicht an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn