Was bedeutet „keine Anzeige'? Anwendungsbeispiel für display none-CSS-Tutorial-php.cn

Was bedeutet „keine Anzeige'? Anwendungsbeispiel für display none

不言

Freigeben： 2018-10-23 14:58:49

Original

65497 Leute haben es durchsucht

Das Anzeigeattribut von CSS wird häufig im Webseitenlayout verwendet, insbesondere die vier Attributwerte „Block“, „Inline-Block“, „Inline“ und „Keine“ im Anzeigeattribut Bedarf kann sich auf die Verwendung des Attributwerts „Keine“ im Anzeigeattribut beziehen.

ps: Eine kurze Einführung in die relevanten Kenntnisse des CSS-Anzeigeattributs finden Sie unter Was bedeutet das CSS-Anzeigeattribut? Detaillierte Erläuterung des Anzeigeattributs in CSS.

Werfen wir zunächst einen Blick auf Was bedeutet „keine Anzeige“?

display:none bedeutet:

Das Element ausblenden und aus dem Dokument weglassen. Der Ablauf besteht darin, den Bereich auszublenden, was auch der Fall ist Nehmen Sie nicht den tatsächlichen Platz ein, sondern wirken Sie sich nicht auf den Hintergrund aus. Einfach ausgedrückt: Wenn das Element auf „Keine“ gesetzt ist, nimmt es weder Platz ein, noch wird es angezeigt, was dem Element nicht entspricht vorhanden.

Nachdem wir die Bedeutung von display none gelesen haben, werfen wir einen Blick auf die Verwendung von display none.

Verwendung von display none:

Schauen wir uns direkt ein Beispiel von display:none an:

<html>
<head>
<title></title>
<style type="text/css">
    div{
        background: lightblue;
        width: 200px;
        height: 200px;
    }
    span{
        background: pink;
        display: none;
    }
</style>
</head>
<body >
    <div><span>需要隐藏的区域</span></div>
</body>
</html>

Nach dem Login kopieren

Wenn keine Spanne vorhanden ist Der obige Code legt den Attributwert display:none fest. Der Effekt ist wie folgt:

Was bedeutet „keine Anzeige? Anwendungsbeispiel für display none

Wenn der Attributwert display:none festgelegt ist, wird der Effekt wie in der Abbildung gezeigt Unten: Der Bereich, der ausgeblendet werden muss, wurde ausgeblendet.

Was bedeutet „keine Anzeige? Anwendungsbeispiel für display none

Bei der Verwendung von display:none sind folgende Dinge zu beachten:

1. Wenn es über eine Stildatei oder

Das obige ist der detaillierte Inhalt vonWas bedeutet „keine Anzeige'? Anwendungsbeispiel für display none. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!