Welche Befehle sind in CSS versteckt?

Es gibt drei Ausblendbefehle in CSS: 1. Verwenden Sie „display:none“, um den gesamten Inhalt auszublenden, ohne die Position zu belegen. 2. Verwenden Sie „visibility:hidden“, um den Inhalt auszublenden, ohne die Position zu besetzen „overflow:hidden“ verbirgt Überlaufinhalte.

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

3 Methoden und Attributwerte zum Ausblenden von Inhalten in CSS

Bei der Erstellung von Webseiten ist das Ausblenden von Inhalten ebenfalls eine relativ häufige Methode. Zu ihren Funktionen gehören im Allgemeinen: Ausblenden von Text/Bildern, Ausblenden von Links und Ausblenden -Bereichsinhalte, Popup-Ebenen ausblenden, Bildlaufleisten ausblenden, Fehlausrichtung und Schweben beseitigen usw. Verwenden Sie CSS, um den oben genannten Inhalt auszublenden:

1. Verwenden Sie display:none, um den gesamten Inhalt auszublenden.

display:none kann dafür sorgen, dass alle Inhalte auf der Webseite nicht angezeigt werden, z. Text, Links, Bilder und P-Layer sind die empfohlenen Methoden zum Ausblenden von Inhalten.

<p style="display:none;">我不占地儿，你看不见我；</p>

value	description
none	Dieses Element wird nicht angezeigt.
block	Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.
inline	Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.
run-in	Dieses Element wird je nach Kontext als Element auf Blockebene oder als Inline-Element angezeigt.
inherit	gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll.

2. Verwenden Sie „visibility:hidden“, um Inhalte auszublenden Leerzeichen: Dieser Ort, der Inhalte verbirgt, aber Platz behält, wird auf der Webseite als leer angezeigt.

<p style="visibility:hidden;">我占了地儿，你也看不见我；</p>

Wert Beschreibung Standardwert. Das Element ist sichtbar. Elemente sind unsichtbar. Bei Verwendung in einem Tabellenelement löscht dieser Wert eine Zeile oder Spalte, hat jedoch keinen Einfluss auf das Layout der Tabelle. Der durch Zeilen oder Spalten belegte Platz wird für andere Inhalte zur Verfügung gestellt. Wenn dieser Wert für ein anderes Element verwendet wird, wird er als „versteckt“ dargestellt. gibt an, dass der Wert des Sichtbarkeitsattributs vom übergeordneten Element geerbt werden soll. 3. Verwenden Sie overflow:hidden, um überlaufenden Inhalt auszublenden.

	sichtbar
	versteckte
	collapse
	inherit

overflow:hidden Diese Methode kann Inhalte außerhalb des festen Bereichs ausblenden und den Anzeigebereich effektiv steuern. Es ist jedoch zu beachten, dass Sie bei der Verwendung die Breite und Höhe dafür definieren müssen, da es sonst ungültig wird. x ist der horizontale Bereich, y ist der vertikale Bereich. Diese beiden Eigenschaften werden häufig verwendet, wenn die Bildlaufleiste ausgeblendet werden muss.

Wert

Beschreibung

sichtbarStandardwert. Der Inhalt wird nicht beschnitten und außerhalb der Elementbox gerendert. verstecktDer Inhalt wird gekürzt und der Rest des Inhalts ist unsichtbar. scrollenDer Inhalt wird gekürzt, aber der Browser zeigt Bildlaufleisten an, um den Rest des Inhalts anzuzeigen. automatischWenn Inhalte zugeschnitten werden, zeigt der Browser Bildlaufleisten an, um den Rest des Inhalts anzuzeigen. inherit gibt an, dass der Wert des Überlaufattributs vom übergeordneten Element geerbt werden soll. CSS-Video-Tutorial

[Empfohlen: „	“]

Das obige ist der detaillierte Inhalt vonWelche Befehle sind in CSS versteckt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!