Hogyan kezeljük a szóközt és a kitöltést az adaptív kialakításokban

Ez a gyakorlati útmutató bemutatja a térköz és a párnázás kezelésének módszerét az adaptív kialakításokban.

Hogyan kezeljük a térközt és a kitöltést az adaptív kialakításokban?

A reszponzív tervek kitöltése és térköze CSS segítségével kezelhető. Az alábbiakban bemutatjuk a távolság és a párnázás kezelésének gyakorlati bemutatóját.

1. lépés: Hozzon létre egy HTML-struktúrát

Először hozzon létre egy HTML-struktúrát és néhány szöveget a segítségével

és

címkék:

< test >
< h2 > Reszponzív CSS kitöltés és szóköz < / h2 >
< div > Ennek a CSS-elemnek a kitöltése 80 képpont, a térköz pedig 40 képpont. < / div >
< / test >

2. lépés: Alkalmazza a CSS-t

---

---

Most alkalmazzuk a CSS-t a

címke. Először állítsa be a „ párnázás ' ingatlan értéke ' 80 képpont ” az elem körüli tér kialakításához. Ezután állítsa be a „ árrés ' ingatlan értéke ' 40 képpont ” és teret teremtenek a határon kívüli elemek körül. Végül használja a „ határ ” tulajdonságot, és adja meg a keretet és a színt a keret létrehozásához:

div {
párnázás : 80 képpont ;
árrés : 40 képpont ;
határ : 1 képpont szilárd zöld ;
}

A fenti kimenet megerősíti, hogy a szóközt és a kitömést alkalmazták.

Ellenőrizzük, hogy reszponzív-e vagy sem a böngészőablak összehúzásával:

Az ablak összehúzásával a tartalom reszponzívan viselkedett, ami megerősíti, hogy az alkalmazott kitöltés és térköz érzékeny.

Következtetés

A reszponzív tervek térközeinek és kitöltésének kezeléséhez léteznek CSS-tulajdonságok. A reszponzív kialakításhoz párnázás hozzáadásához használja a „ párnázás ' ingatlan. Hasonlóképpen szóközt lehet hozzáadni a reszponzív kialakításhoz a „ árrés ' ingatlan. Ez az írás egy megoldást kínált a felhasználóknak a térközök és a kitöltés kezelésére reszponzív kialakításokban.