W jaki sposób posiadanie poziomej przestrzeni między dwoma obiektami w HTML?

Space odgrywa kluczową rolę nie tylko w rozwoju stron internetowych, ale także w pisaniu książek, artykułów badawczych, artykułów i wielu innych. Bez odstępów trudno jest przeglądać stronę i wiedzieć, jakie elementy są powiązane, a co nie. Przestrzenie są używane do projektowania. Kiedy widzimy przestrzeń w projektowaniu, pozwala nam to wyobrażać sobie i wędrować. Aby pomóc konsumentom w identyfikacji i zrozumieniu informacji wyświetlanych szybciej, ustalane są luki w celu stworzenia wizualnej hierarchii elementów.

Ten post stwierdził, że posiadanie przestrzeni między dwoma obiektami w poziomie.

Co to jest HTML, aby mieć poziomą przestrzeń między dwoma obiektami?

Aby mieć poziomą przestrzeń między dwoma obiektami, sprawdź następujące metody:

• Metoda 1: Dodaj poziomy przestrzeń między dwoma obiektami w HTML
• Metoda 2: Dodaj przestrzeń horyzontu między dwoma obiektami za pomocą właściwości CSS

Metoda 1: Dodaj poziomy przestrzeń między dwoma obiektami w HTML

Aby dodać poziomy przestrzeń w HTML, „
„Element jest wykorzystywany. Aby to zrobić, wypróbuj podane instrukcje.

Krok 1: Dodaj kontener DIV

W celu dodania „div„Kontener na stronie HTML,„”Tag jest używany. Podaj także „ID" Lub "klasa”Atrybut o nazwie.

Krok 2: Włóż pierwszy obiekt

Następnie dodaj obiekt zgodnie z preferencjami. W takim przypadku wykorzystaliśmy „„Element, aby dodać obraz wewnątrz elementu.

Krok 3: Dodaj przestrzeń poziomą

Następnie dodaj przestrzeń z pomocą „
”Tag. „„
„Znacznik służy do wytworzenia przerwy linii w tekście, obrazach, przyciskach i innych obiektach.

Krok 4: Dodaj inny obiekt

Teraz dodaj drugi obiekt, postępując zgodnie z tą samą procedurą:

W rezultacie przestrzeń pozioma została pomyślnie dodana między obiektami w dokumencie HTML:

Metoda 2: Dodaj poziomy przestrzeń między dwoma obiektami za pomocą właściwości CSS

Możesz także użyć CSS ”Biała przestrzeń„Własność, aby dodać przestrzeń między dwoma obiektami. Tutaj zaimplementujemy inny przykład, dodając przycisk na stronie. Aby uzyskać praktyczne implikacje, postępuj zgodnie z danymi instrukcjami.

Krok 1: Zaprojektuj pojemnik „Div”

Zaprojektuj kontener Div z „" element.

Krok 2: Dodaj przyciski w „Div”

Następnie dodaj przyciski, wykorzystując „„Element i osadzony tekst, aby wyświetlić przycisk:

Przycisk 1
Przycisk 2

Można zauważyć, że przyciski zostały pomyślnie dodane:

Krok 3: Dodaj przestrzeń poziomą

Uzyskać dostęp do "div”Pojemnik z pomocą nazwy klasy jako„.przestrzeń h”:

.H-Space
Biała przestrzeń: przedplamiona;

Następnie zastosuj „Biała przestrzeń„Właściwość CSS i ustaw wartość jako„Wcześniejsze„Aby dodać przestrzeń między obiektami.

Wyjście

Dowiedziałeś się o różnych metodach określenia poziomej przestrzeni między dwoma obiektami.

Wniosek

Aby dodać poziomy przestrzeń między dwoma obiektami, html „
”Tag jest używany. Możesz go użyć do dodawania pęknięć linii między tekstem, obrazami, przyciskami i wieloma innymi obiektami. Ponadto „„Biała przestrzeń„Właściwość CSS o wartości”przed" Lub "Wcześniejsze”Jest również używany do tego samego celu. W tym artykule pokazano metodę posiadania przestrzeni między dwoma lub więcej obiektami w poziomie.