Ionic - Rembourrage
Ionic offre un moyen simple d'ajouter du rembourrage aux éléments. Il y a quelques classes qui peuvent être utilisées et toutes ajouteront10pxentre la frontière de l'élément et son contenu. Le tableau suivant affiche toutes les classes de remplissage disponibles.
Classes de rembourrage
| Nom du cours | Informations sur la classe |
|---|---|
| rembourrage | Ajoute un rembourrage de chaque côté. |
| rembourrage-vertical | Ajoute un rembourrage en haut et en bas. |
| rembourrage-horizontal | Ajoute un remplissage à gauche et à droite. |
| rembourrage | Ajoute un rembourrage en haut. |
| padding-right | Ajoute un remplissage à droite. |
| rembourrage en bas | Ajoute un rembourrage en bas. |
| padding-left | Ajoute un remplissage à gauche. |
Utilisation du rembourrage
Lorsque vous souhaitez appliquer un remplissage à votre élément, il vous suffit d'attribuer l'une des classes du tableau ci-dessus. L'exemple suivant montre deux boutons de bloc. Le premier utilise lepaddingclasse et le second non. Vous remarquerez que le premier bouton est plus grand, car il a10px rembourrage appliqué.
<div class = "button button-block padding">Padding</div>
<div class = "button button-block">No padding</div>
Le code ci-dessus produira l'écran suivant -