Comment définir la balise a pour qu'elle soit centrée en HTML

La façon de centrer la balise a en HTML consiste à ajouter un code de style à la balise a dans l'élément de bloc [

text< /a>

], de sorte que l'étiquette a puisse être centrée verticalement.

L'environnement d'exploitation de cet article : système winidows10, html 5, ordinateur thinkpad t480.

Il est en fait relativement simple de définir la balise a pour qu'elle soit centrée en HTML. Cependant, le centrage de la balise a peut également être divisé dans les deux situations suivantes.

Le premier cas : centrez la balise dans l'élément de bloc

Code HTML - la balise dans l'élément de bloc tel que : "

< ;a href="#">Text

"

Vous pouvez ajouter un code de style à cette balise

Text

Obtenir un alignement vertical au centre

Exemple de code :

<p style="text-align: center"><a href="http://www.php.cn">php中文网</a></p>

Deuxième cas : Laissez centrer le < a>

Si la balise est séparée, transformez d'abord la balise en élément de bloc, puis ajoutez une largeur, puis centrez son texte < style="display:inline-block; width:100px; text-align:center">TextPar exemple, exemple de code

学技术从<a href="http://www.php.cn" style="display:inline-block; width:110px; text-align:center">php.cn</a>开始!

Recommandations associées : Tutoriel vidéo HTML

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!