Centrer verticalement le contenu des pseudos élements :before et :after
Centrer verticalement un élément en CSS est parfois difficile surtout quand il s'agit de pseudos éléments tels que :before ou :after. Toutefois, grâce à la propriété flex, cela devient plus facile.
Voici un exemple simple montrant un élément aligné verticalement. Il s'agit ici d'aligner une flèche d'un tableau servant à indiquer le sens de tri d'une colonne.
th::after {
content: "↑";
position: absolute;
top: 0;
right: 0;
width: 30%;
height: 100%;
display:flex;
flex-direction:row;
align-items: center;
justify-content: center;
}
9 août 2019 - CSS
Commentaires
Ajouter un commentaire
0 commentaires
Rechercher
Tags
Articles récents
- "error:0308010C:digital envelope routines::unsupported"
- JS - Cacher tous les éléments d'une classe spécifique
- Démarrer et arrêter PostGreSQL en ligne de commande
- Docker - Supprimer les images inutilisées
- MySQL - Récupérer toutes les clés étrangères d'une colonne
- Supprimer un fichier d'un référentiel Git sans le supprimer du système de fichiers local
- Arnaque au chantage et site web prétendument piraté
- Ruby - Décoder une chaîne en base 64 et écrire le résultat dans un fichier
- Linux - Supprimer un dossier et tous ses fichiers
- LibreOffice - Supprimer toutes les images d'un document