Jak utworzyć ukrytą div, która nie tworzy przerwy linii ani poziomej przestrzeni?
W tym poście omówiono następujące metody:
- Metoda 1: Utwórz ukrytą div, wykorzystując właściwość CSS „Wyświetl”
- Metoda 2: Utwórz ukrytą div, wykorzystując właściwość CSS „Widoczność”
Metoda 1: Utwórz ukrytą div, wykorzystując właściwość CSS „Wyświetl”
Aby utworzyć ukrytą div, która nie tworzy poziomej przestrzeni przerwy linii, użyj „wyświetlacz„Własność o wartości”nic".
Aby uzyskać demonstrację, sprawdź podane kroki.
Krok 1: Dodaj nagłówek
Dodaj nagłówek z pomocą
etykietka. Następnie dodaj dane pomiędzy znacznikiem nagłówka.
Krok 2: Dodaj dane w znaczniku akapitów Krok 3: Utwórz pojemnik Linuxhint Ltd UK Linuxhint zapewnia najlepszą zawartość w różnych kategoriach. Wyjście Teraz ukryjmy dodany pojemnik. Krok 4: Ukryj kontener DIV Uzyskaj dostęp do klasy, korzystając z selektora kropki z nazwą klasy jako „.Hide-Div" stosować "wyświetlacz„Właściwość CSS i ustaw wartość jako„nic„Za ukrywanie div. Można zauważyć, że dodany pojemnik jest teraz ukryty i nie tworzy przerwy linii ani poziomej przestrzeni: Metoda 2: Utwórz ukrytą div, wykorzystując właściwość CSS „Widoczność” CSS „widoczność„Właściwość jest specjalnie używana do wyświetlania lub ukrywania elementu HTML bez zmiany układu dokumentu. Utworzyć ukrytą div za pomocą „widoczność„Własność, dodaj następujący kod w pliku CSS: Teraz uzyskaj dostęp do kontenera Div za pomocą „.Hide-Div”I zastosuj„widoczność„Własność i ustal jej wartość jako„ukryty". Wyjście Dowiedziałeś się o metodzie tworzenia ukrytej div, wykorzystując właściwości CSS. Wniosek Aby stworzyć ukrytą div, która nie tworzy przerwy linii ani przestrzeni poziomej, najpierw stwórz div, wykorzystując „”Tag. Następnie zastosuj „wyświetlacz„Właściwość CSS i ustaw wartość jako„nic„Za ukrywanie div. Drugim podejściem jest użycie „widoczność”I ustaw swoją wartość jako„ukryty". W tym poście chodziło o stworzenie ukrytej div bez zakłócania układu dokumentu.
Następnie włóż znacznik akapitowy, używając „
Teraz stwórz kontener DIV za pomocą „”Tag i dodaj„ID„Atrybut jako nazwa klasy:
Kategorie, w tym Docker, HTML/CSS, JavaScript i wiele innych
Nie wyświetla się;
Widoczność: ukryta;