Kako upravljati razmik in oblazinjenje v odzivnih dizajnih

Ta praktični vodnik bo prikazal metodo za upravljanje razmikov in oblazinjenja v odzivnih dizajnih.

Kako upravljati razmik in oblazinjenje v odzivnih dizajnih?

Oblazinjenje in razmike v odzivnih dizajnih je mogoče upravljati s pomočjo CSS. Spodaj je na voljo praktična predstavitev upravljanja razmikov in oblazinjenja.

1. korak: Ustvarite strukturo HTML

Najprej ustvarite strukturo HTML in nekaj besedila v njej z uporabo

in

oznake:

< telo >
< h2 > Odzivno oblazinjenje in razmik CSS < / h2 >
< div > Ta element CSS ima odmik 80 slikovnih pik in razmik 40 slikovnih pik. < / div >
< / telo >

2. korak: Uporabite CSS

---

---

Zdaj pa uporabimo CSS na

oznaka. Najprej nastavite » oblazinjenje » vrednost lastnosti za « 80 slikovnih pik ”, da ustvarite prostor okoli elementa. Nato nastavite » marža » vrednost lastnosti za « 40 slikovnih pik ” in ustvarite prostor okoli elementov zunaj meje. Na koncu uporabite » meja ” ter določite obrobo in barvo, da ustvarite obrobo:

div {
oblazinjenje : 80 slikovnih pik ;
marža : 40 slikovnih pik ;
meja : 1px trdna zelena ;
}

Zgornji rezultat potrjuje, da sta bila uporabljena razmik in oblazinjenje.

Preverimo, ali je odziven ali ne, tako da skrčimo okno brskalnika:

S krčenjem okna se je vsebina obnašala odzivno, kar potrjuje, da sta uporabljeni oblazinjenje in razmik odzivna.

Zaključek

Za upravljanje razmikov in oblazinjenja v odzivnih dizajnih obstajajo lastnosti CSS. Za dodajanje oblazinjenja v odzivnem dizajnu uporabite » oblazinjenje ” lastnina. Podobno je mogoče dodati presledke v odzivnem dizajnu z uporabo ' marža ” lastnina. Ta zapis je uporabnikom predstavil rešitev za upravljanje razmikov in oblazinjenja v odzivnih dizajnih.