Comment centrer un élément d’ancrage dans CSS?

Ajouter la propriété text-align css à son atsortingbut de style parent

Par exemple:

 
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​  
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​ 

Ou en utilisant une classe (recommandé)

 
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​  
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​ 

 .my-class { text-align: center; } 

Voir ci-dessous exemple de travail:

 .my-class { text-align: center; background:green; width:400px; padding:15px; } .my-class a{text-decoration:none; color:#fff;} 

  
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​  
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​   
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​  
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​   
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​  
 example​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
​ 

écris comme ceci:

 
 example  

CSS

 .parent{ text-align:center } 

Deux options qui ont des utilisations différentes:

HTML:

 example 

CSS:

 .example { text-align: center; } 

Ou:

 .example { display:block; width:100px; margin:0 auto;} 

essayez d’envelopper un div et ajoutez ces styles au div:

  width: 100%; text-align:center; 

  Awaissoft  

Par défaut, une ancre est rendue en ligne, définissez donc text-align: center; sur son ancêtre le plus proche qui rend comme un bloc.

Il y a plusieurs façons.

  
Link
  Link 

Il y a probablement d’autres moyens, mais ces trois sont probablement les plus courants.

Essayer

 margin: 0 auto; display:table 

J’espère que ça aide quelqu’un.

Vous pouvez essayer ce code:

 /**code starts here**/ a.class_name { display : block;text-align : center; } 

style="margin:0 auto; width:auto;" Essayez ça.

Je pense que vous ne pouvez pas faire cela avec des éléments en ligne comme l’ancre, la scope. Mais pour que cela fonctionne, vous devez définir l’affichage pour bloquer.

 example 

css ne peut pas être directement appliqué pour l’alignement de la balise d’ancrage. Le css (text-align: center;) doit être appliqué au div / element parent pour que l’effet d’alignement ait lieu sur la balise d’ancrage.

Il suffit de le mettre entre les balises centrales:

 >>