Com gestionar l'espaiat i el farciment en dissenys sensibles

Aquesta guia pràctica il·lustrarà el mètode per gestionar l'espaiat i el farciment en dissenys sensibles.

Com gestionar l'espaiat i el farciment en dissenys responsius?

El farciment i l'espaiat en dissenys responsius es poden gestionar mitjançant CSS. A continuació es proporciona una demostració pràctica de la gestió de l'espaiat i el farciment.

Pas 1: creeu una estructura HTML

Primer, creeu una estructura HTML i una mica de text al seu interior utilitzant

i

etiquetes:

< cos >
< h2 > Encoixinat i espaiat CSS responsiu < / h2 >
< div > Aquest element CSS té un farciment de 80 píxels i un espai de 40 píxels. < / div >
< / cos >

Pas 2: apliqueu CSS

---

---

Ara, apliquem CSS al

etiqueta. Primer, configureu el ' farciment 'valor de la propietat a' 80 píxels ” per fer l'espai al voltant de l'element. A continuació, configureu el ' marge 'valor de la propietat a' 40 píxels ” i crear espai al voltant d'elements fora de la frontera. Finalment, utilitzeu el ' frontera ” i especifiqueu la vora i el color per crear una vora:

div {
farciment : 80 píxels ;
marge : 40 píxels ;
frontera : 1px sòlid verd ;
}

La sortida anterior confirma que s'han aplicat l'espaiat i el farciment.

Comprovem si respon o no contractant la finestra del navegador:

En contraure la finestra, el contingut s'ha comportat de manera sensible, la qual cosa confirma que el farciment i l'espaiat aplicats són sensibles.

Conclusió

Per gestionar l'espaiat i el farciment en dissenys responsius, existeixen propietats CSS. Per afegir farciment al disseny responsiu mitjançant el ' farciment ' propietat. De la mateixa manera, es pot afegir espaiat al disseny responsiu mitjançant el ' marge ' propietat. Aquest escrit ha presentat als usuaris una solució per gestionar l'espaiat i el farciment en dissenys sensibles.