Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Eine kurze Analyse der Anzeigeattribute von CSS

零到壹度
Freigeben: 2018-03-21 13:44:09
Original
1464 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich das Anzeigeattribut von CSS analysiert. Freunde, die es benötigen, können darauf verweisen. Schauen wir uns das unten mit dem Herausgeber an.

Was sind die häufig verwendeten Anzeigewerte?

Die Werte, die in der normalen Projektentwicklung einfacher zu verwenden sind:

none (das Element wird nicht angezeigt ) ;
Block (das Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach dem Element);
inline (das Element wird als Inline-Element angezeigt, ohne Zeilenumbrüche vor und nach dem Element); nach dem Element);
inline-block (Inline-Blockelement. Neuer Wert in CSS2.1) (das Element wird als Tabelle auf Blockebene angezeigt, ähnlich wie

, mit Zeile). Pausen vor und nach der Tabelle);
Tabellenzeile (Element wird als Tabellenzeile angezeigt, ähnlich wie );

Tabellenzelle (Das Element wird als Tabellenzelle angezeigt, ähnlich wie bei

und ).

Unterschied zwischen display="none" und Visibility="hidden"?

Auf den ersten Blick bedeuten sie alle versteckte Elemente; ja, es sind tatsächlich versteckte Elemente! Sie sind jedoch immer noch unterschiedlich!

visibility="hidden" bedeutet (nur) versteckt und kann nicht wiederhergestellt werden. Wenn die Sichtbarkeit auf „versteckt“ eingestellt ist, befindet sich das Element zwar ausgeblendet, aber immer noch an seiner ursprünglichen Position. Die Sichtbarkeit behält die Position des Elements bei. Nachdem das Element ausgeblendet wurde, kann es keine anderen Ereignisse mehr empfangen oder auf Ereignisse reagieren und kann daher nicht über JS angezeigt werden.

display="none" ist ausgeblendet (das Element verschwindet) und kann wiederhergestellt werden. Wenn display auf „none“ gesetzt ist, außer dass das Element ausgeblendet ist, ist es das genaue Gegenteil von Visibility="hidden".

Die Einstellung der Anzeige- und Sichtbarkeitsattributwerte sowie der Unterschied zwischen Reflow und Redraw! Um mehr über Reflow und Redraw zu erfahren, klicken Sie bitte auf: „Page Reflow and Page Redraw“

Was ist der Unterschied zwischen display:none in jQuery und zepto?

Der Unterschied zwischen dispaly:none in jQuery und zepto! Die meisten Anfänger verstehen es wahrscheinlich immer noch nicht! Wenn Sie den Unterschied zwischen dispaly:none in jQuery und zepto wissen möchten, dann klicken Sie auf: „Der Unterschied zwischen dispaly:none in jQuery und zepto“

Verwandte Empfehlungen:

Umfassende Sammlung von Anzeigeattributen

Gemeinsame Attribute von Anzeigeelementen anzeigen

CSS-Anzeigeeigenschaft

Das obige ist der detaillierte Inhalt vonEine kurze Analyse der Anzeigeattribute von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage