Comment centrer verticalement le texte CSS ? 4 façons d'obtenir un centrage horizontal du texte CSS

Actuellement, il existe de nombreuses façons d'utiliser les styles CSS pour centrer horizontalement, mais beaucoup de gens ne savent pas comment choisir la méthode de centrage horizontal CSS. Ci-dessous, notre site Web PHP chinois résumera pour vous comment centrer le texte CSS horizontalement et. verticalement? Et 4 méthodes pour réaliser un centrage horizontal du texte CSS.

Il n'est pas facile d'utiliser le CSS pour centrer le texte horizontalement et verticalement. Certains novices utilisent des méthodes CSS pour obtenir un centrage CSS, ce qui n'est pas disponible dans les navigateurs. être dû à des problèmes de compatibilité ou à certains navigateurs non traditionnels. [Lecture recommandée : Utilisez CSS pour obtenir le centrage horizontal de l'affichage DIV]

1 Utilisez le positionnement absolu combiné avec la marge : auto

margin : Propriétés auto, il y a quatre propriétés après la marge, qui sont haut, bas, gauche et droite. Tant que nous définissons la marge sur auto, nous pouvons d'abord la centrer horizontalement.

2. Utilisez le positionnement absolu et utilisez l'attribut de transformation pour obtenir

La valeur par défaut de la transformation est aucune, l'effet est que la transformation se produit et la valeur héritée est non. Le seul avantage de l'utilisation de la transformation est qu'elle n'a pas besoin de connaître la taille de l'élément, et le pourcentage de décalage de la transformation est relatif à la taille de l'élément.

3. Utilisez le div en positionnement absolu pour centrer , définissez le haut du div à 50 % et définissez la marge supérieure sur une valeur négative px. définir des balises imbriquées Plus adapté à tous les navigateurs, mais vous devez d'abord connaître la taille à centrer.

4. L'attribut padding peut réaliser le centrage de l'élément

L'attribut padding sert en fait à définir la distance de la bordure intérieure et à définir la largeur du haut. , marges inférieures, gauche et droite. Cette méthode est plus pratique. Simplement, tant que nous définissons des marges égales, le centrage vertical des éléments se produira.

Ce qui précède explique comment centrer verticalement le texte CSS ? Une introduction complète aux 4 méthodes pour réaliser le centrage horizontal du texte CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS, veuillez faire attention au site Web php chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!