Wie verstecke ich div mit CSS? CSS versteckte Div-Methode

Wenn wir normalerweise die Website gestalten, möchten wir das Div ausblenden, aber viele Leute wissen nicht, wie sie das Anzeigen und Ausblenden von Divs mit CSS steuern können? Lassen Sie uns erklären, wie man Divs mit CSS versteckt.

1: Webinhalte ausblenden

Wir können das display:none-Attribut verwenden, um alle Informationen, einschließlich Text und Bilder, auszublenden. Die Syntax lautet:

<div style="display:none;">这里你是看不到的</div>

Wenn wir den CSS-Stil in einem Div verwenden, können wir das Attribut display:none verwenden, um den Inhalt auszublenden, und er ist im Browser nicht sichtbar. Gleichzeitig nimmt der ausgeblendete Inhalt keinen Platz ein Ausblenden Suchmaschinen können es nicht lesen. Im Allgemeinen verwenden wir js-Statistikcode, um das angezeigte Symbol auszublenden.

2: Überlaufenden Text oder Bilder ausblenden

Um überlaufenden Text oder Bilder auszublenden, können wir das Attribut overflow:hidden verwenden. Zuerst müssen wir eine Breite und Höhe festlegen Geben Sie den Inhalt ein und verwenden Sie dann den Stil overflow:hidden, um den Überlaufteil festzulegen. Es wurde festgestellt, dass der Überlaufteil nicht angezeigt wird. Der Code lautet wie folgt:

我是可以看见的<br/><br/> 
<div style="overflow: hidden; width:30px; height:20px;">你是看不见我的。</div> 
<br/> 
同样我也是可以看见的

Der Effekt ist wie folgt:

Wie verstecke ich ein Div mit CSS? Für eine vollständige Einführung in die Methode zum Ausblenden von Divs und wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie verstecke ich div mit CSS? CSS versteckte Div-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!