Jak spravovat mezery a výplně v responzivních návrzích

Tato praktická příručka ilustruje metodu správy mezer a výplní v responzivních návrzích.

Jak spravovat mezery a výplně v responzivních návrzích?

Výplň a mezery v responzivních návrzích lze spravovat pomocí CSS. Praktická ukázka řízení rozestupu a vycpávky je uvedena níže.

Krok 1: Vytvořte strukturu HTML

Nejprve vytvořte HTML strukturu a nějaký text uvnitř ní pomocí

a

značky:

< tělo >
< h2 > Responzivní CSS odsazení a mezery < / h2 >
< div > Tento prvek CSS má odsazení 80 pixelů a mezery 40 pixelů. < / div >
< / tělo >

Krok 2: Použijte CSS

---

---

Nyní použijeme CSS na

štítek. Nejprve nastavte „ vycpávka “hodnota nemovitosti na “ 80 pixelů ” pro vytvoření prostoru kolem prvku. Dále nastavte „ okraj “hodnota nemovitosti na “ 40 pixelů “ a vytvořte prostor kolem prvků vně okraje. Nakonec použijte „ okraj ” a zadejte ohraničení a barvu pro vytvoření ohraničení:

div {
vycpávka : 80 pixelů ;
okraj : 40 pixelů ;
okraj : 1px pevný zelená ;
}

Výše uvedený výstup potvrzuje, že byly použity mezery a odsazení.

Zkontrolujeme, zda reaguje nebo ne, stažením okna prohlížeče:

Stažením okna se obsah choval responzivně, což potvrzuje, že použité odsazení a mezery reagují.

Závěr

Pro správu mezer a odsazení v responzivních návrzích existují vlastnosti CSS. Chcete-li přidat výplň do responzivního designu pomocí „ vycpávka ' vlastnictví. Podobně lze v responzivním designu přidat mezery pomocí „ okraj ' vlastnictví. Tento zápis představil uživatelům řešení pro správu mezer a výplní v responzivních designech.