J'ai une table et j'ai aussi un pied de page. Lorsque les rangées augmentent, la liste chevauche le pied de page. Comment puis-je mettre un marge-bas dans une table la dernière ligne?
Je peux le faire facilement à Chrome Inspecter, mais je ne peux pas le faire dans HTML / CSS, car il ne lira pas la classe. P>
.marginBottom {
margin-bottom: 30px;
}
4 Réponses :
Utilisez le Last-Enfant pseudo-sélecteur:
table:last-child {
margin-bottom: 30px;
}
@Admir pouvez-vous créer un violon pour que je voie le problème et essayer de le résoudre?
La marge vous donne de l'espace après la table. Au lieu de la marge, vous pouvez utiliser le rembourrage pour la table pour vous donner de l'espace avant le dernier enfant.
marginBottom {
padding-bottom : 30px;
}
Vous pouvez appliquer la marge à la dernière ligne de la table. Essayez de faire
table tr:last-child {
margin-bottom: 30px;
}
Si rien ne fonctionne pour vous, essayez de remplacer le style dans Global CSS ou SCSS I.e les styles.css dans le répertoire racine.
Chaque fois que vous devez remplacer un style par défaut de matériel angulaire, vous devez le faire dans le CSS global