Wie erstellen Sie eine versteckte Div, die keinen Zeilenumbruch oder horizontalen Raum erzeugt?
In diesem Beitrag werden die folgenden Methoden erörtert:
- Methode 1: Erstellen Sie eine versteckte DIV, indem Sie die CSS -Anzeigeeigenschaft verwenden
- Methode 2: Erstellen Sie eine versteckte DIV, indem Sie die CSS -Sichtbarkeitseigenschaft verwenden
Methode 1: Erstellen Sie eine versteckte DIV, indem Sie die CSS -Anzeigeeigenschaft verwenden
Um ein verstecktes Div zu erstellen, das keinen horizontalen Raum für Linienbrüche erzeugt, verwenden Sie das “Anzeige”Eigenschaft mit dem Wert“keiner”.
Für die Demonstration finden Sie die angegebenen Schritte.
Schritt 1: Überschrift hinzufügen
Fügen Sie eine Überschrift mit Hilfe von hinzu
Schild. Fügen Sie dann die Daten zwischen dem Überschriften -Tag hinzu.
Schritt 2: Fügen Sie Daten im Absatz -Tag hinzu Schritt 3: Erstellen Sie einen Container LinuxHint Ltd UK LinuxHint bietet den besten Inhalt in verschiedenen Kategorien. Ausgang Lassen Sie uns nun den hinzugefügten Container verbergen. Schritt 4: Div -Container ausblenden Greifen Sie auf die Klasse zu, indem Sie den DOT -Selektor mit dem Klassennamen als „verwenden“.Versteck" anwenden "Anzeige"CSS -Eigenschaft und setzen Sie den Wert als" als "keiner”Zum Verstecken der Div. Es kann beobachtet werden, dass der zugesetzte Behälter jetzt verborgen ist und keinen Zeilenumbruch oder horizontalen Raum erzeugt: Methode 2: Erstellen Sie eine versteckte DIV, indem Sie die CSS -Sichtbarkeitseigenschaft verwenden Das CSS “SichtweiteDie Eigenschaft wird speziell zum Anzeigen oder Verstecken eines HTML -Elements verwendet, ohne das Dokumentlayout zu ändern. Um eine versteckte Div zu erstellen, indem Sie das verwenden “SichtweiteEigenschaft, fügen Sie den folgenden Code in die CSS -Datei hinzu: Greifen Sie nun mit der “auf den DIV -Container zu.Versteck”Und wenden Sie die“ anSichtweite”Eigenschaft und setzen Sie ihren Wert als"versteckt”. Ausgang Sie haben die Methode zur Erstellung eines versteckten Divs durch die Verwendung der CSS -Eigenschaften erfahren. Abschluss Um ein verstecktes Div zu erstellen, das keinen Zeilenumbruch oder einen horizontalen Raum erzeugt, erstellen Sie zunächst eine DIV, indem Sie die “verwenden" Schild. Danach anwenden Sie die “Anzeige"CSS -Eigenschaft und setzen Sie den Wert als" als "keiner”Zum Verstecken der Div. Der zweite Ansatz ist die Verwendung der “Sichtweite"Und setzen Sie seinen Wert als"versteckt”. In diesem Beitrag ging es darum, ein verstecktes Div zu erstellen, ohne das Layout des Dokuments zu stören.
Fügen Sie als Nächstes ein Absatz -Tag ein, indem Sie die “verwenden“
Erstellen Sie nun einen DIV -Behälter mit Hilfe des “"Tag und fügen Sie eine hinzu"AusweisAttribut als Klassenname:
Kategorien wie Docker, HTML/CSS, JavaScript und vieles mehr
Anzeige: Keine;
Sichtbarkeit: versteckt;