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 [<p style="text-align: center"><a href="#"> text< /a></p>], 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 <a> dans l'élément de bloc

Code HTML - la balise <a> dans l'élément de bloc tel que : "<p>< ;a href="#">Text</a></p>"

Vous pouvez ajouter un code de style à cette balise <p><p style="text-align: center "&gt ;<a href="#">Text</a></p>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 <a> est séparée, transformez d'abord la balise <a> en élément de bloc, puis ajoutez une largeur, puis centrez son texte < style="display:inline-block; width:100px; text-align:center">Text</a>Par 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!