Quelle est la signification de la valeur `auto` dans une propriété CSS.

Quelle est la signification de auto valeur auto d’une propriété CSS? Que se passe-t-il lorsque la valeur d’une propriété CSS est définie sur auto ?

La valeur de cette propriété est ajustée automatiquement en fonction du contenu ou du contexte de l’élément.

Par exemple, un élément de niveau bloc avec height: auto deviendra plus grand car il contient plus de texte. Pour un autre exemple, un élément de bloc avec margin: 0 auto aura les marges gauche et droite augmentées jusqu’à ce qu’il soit centré le long de l’axe y de la fenêtre.

Cela dépend vraiment de la propriété à laquelle vous donnez la valeur, différentes propriétés se comportent différemment selon le contenu et le contexte.

auto signifie automatiquement adjecté. La raison la plus courante pour laquelle j’utilise auto est:

 margin: 0 auto; 

pour centrer un élément.

S’il vous plaît noter: si la taille n’est pas déclarée, alors cela ne fonctionnera pas.

Exemple 1: div n’est pas centré, auto ne fonctionne pas

  

Exemple 2: div est centré sur la page

  

Cela dépend vraiment de l’atsortingbut que vous utilisez. Par exemple, un jeu de largeur de bloc auto étendra l’espace complet de son élément parent. Mais un jeu de hauteur de bloc auto augmentera uniquement l’espace nécessaire à son contenu.

  
content