In diesem Beitrag wird ein Raum zwischen zwei Objekten horizontal angeben.
Was soll der HTML einen horizontalen Raum zwischen zwei Objekten haben??
Um einen horizontalen Raum zwischen zwei Objekten zu haben, lesen Sie die folgenden Methoden:
Methode 1: Horizontaler Raum zwischen zwei Objekten in HTML hinzufügen
So fügen Sie den horizontalen Raum in HTML hinzu, die “
Element wird verwendet. Probieren Sie dazu die angegebenen Anweisungen aus.
Schritt 1: Fügen Sie einen DIV -Behälter hinzu
Zum Zweck des Hinzufügens eines “divContainer auf der HTML -Seite, die “”Tag wird verwendet. Geben Sie auch eine an “Ausweis" oder "Klasse”Attribut mit einem Namen.
Schritt 2: Erstes Objekt einfügen
Fügen Sie als nächstes das Objekt nach Ihren Wünschen hinzu. In diesem Fall haben wir das verwendetElement, um ein Bild im Element hinzuzufügen.
Schritt 3: Horizontaler Raum hinzufügen
Danach fügen Sie den Raum mit Hilfe der "hinzu"
" Schild. Der "
Das Tag wird verwendet, um einen Zeilenumbruch in den Text, Bildern, Schaltflächen und anderen Objekten zu erzeugen.
Schritt 4: Anderes Objekt hinzufügen
Fügen Sie nun ein zweites Objekt hinzu, indem Sie demselben Verfahren folgen:
Infolgedessen wurde der horizontale Raum erfolgreich zwischen den Objekten im HTML -Dokument hinzugefügt:
Methode 2: Horizontale Raum zwischen zwei Objekten mit CSS -Eigenschaften hinzufügen
Sie können auch die CSS verwenden “weißer RaumEigenschaft, um Platz zwischen zwei Objekten hinzuzufügen. Hier implementieren wir ein weiteres Beispiel, indem wir eine Schaltfläche auf der Seite hinzufügen. Befolgen Sie die angegebenen Anweisungen für praktische Auswirkungen.
Schritt 1: Entwerfen Sie einen „Div“ -Container
Entwerfen Sie einen Div -Behälter mit dem “" Element.
Schritt 2: Fügen Sie Schaltflächen in "Div" hinzu
Fügen Sie als nächstes Schaltflächen hinzu, indem Sie die „verwenden“Element- und Einbetten -Text, um auf der Schaltfläche anzuzeigen:
Es ist zu bemerken, dass die Tasten erfolgreich hinzugefügt wurden:
Schritt 3: Horizontaler Raum hinzufügen
Greife auf ... zu "div"Container mit Hilfe des Klassennamens als".H-Raum”:
.H-RaumDann wenden Sie die “an“weißer Raum"CSS -Eigenschaft und setzen Sie den Wert als" als "vor der Handelung”Um Platz zwischen den Objekten hinzuzufügen.
Ausgang
Sie haben verschiedene Methoden zur Spezifikation des horizontalen Raums zwischen zwei Objekten erfahren.
Abschluss
So fügen Sie einen horizontalen Raum zwischen zwei Objekten hinzu, der HTML "
”Tag wird verwendet. Sie können es verwenden, um Zeilenumbrüche zwischen Text, Bildern, Schaltflächen und vielen anderen Objekten hinzuzufügen. Außerdem das “weißer Raum"CSS -Eigenschaft mit dem Wert"Vor" oder "vor der Handelung”Wird auch für denselben Zweck verwendet. Dieser Artikel hat die Methode gezeigt, um einen Platz zwischen zwei oder mehr Objekten horizontal zu haben.