Pourquoi n'y a-t-il pas de centre flottant en CSS?
J'ai trouvé qu'il n'y a pas de centre flottant en CSS et j'ai été un peu déçu. Cependant, je ne peux pas m'empêcher de me demander pourquoi. Alors que beaucoup de gens veulent l'utiliser pour centrer le contenu, je souhaitais l'utiliser pour faire flotter un tas de blocs en lignes sur une taille de page dynamique. Malheureusement, sans centre flottant, il semble bâclé car il y a de l'espace supplémentaire (quelle que soit la fraction d'un bloc complet qui ne rentre pas) d'un côté. Je suis triste que l'utilisation prévue des flotteurs soit affectée par cette propriété manquante.
Je ne vois pas pourquoi il n'y a pas de centre flottant et je me demandais si quelqu'un avait des raisons, techniques ou non, pourquoi un centre flottant n'était pas inclus dans la norme.
il n'y a pas de centre flottant car les flottants retirent les éléments du flux de contenu et les positionnent le plus à gauche/droite possible. les flotteurs seuls ne font que déplacer les choses sur le côté. pas à 100% sur cette dernière partie, mais je pense que cela a quelque chose à voir avec l'impression. Je sais que l'idée des flotteurs vient de l'industrie de l'impression.
À la place d'utiliser float: left, utilisation display: inline-block sur les éléments individuels et centrez leur conteneur.
Oui, il n'y a pas de centre/milieu flottant et le W3C peut avoir la réponse.
Il y a <center> tag mais plus.
Le
<center>tag est obsolète à partir de HTML 4, et son utilisation crée quelques problèmes différents. Les éléments centrés HTML peuvent s'afficher différemment dans différents navigateurs et l'utilisation de la balise peut augmenter le temps de chargement de la page. En outre, une utilisation intensive de compliquera la refonte de votre site - la suppression de centaines de balises prend beaucoup plus de temps que la modification d'une règle de style dans une feuille de style.La balise a été officiellement déconseillée il y a de nombreuses années, mais elle est toujours reconnue par la plupart des navigateurs grâce à leurs fonctionnalités de compatibilité descendante. Alors oui, si vous avez quelque chose, ce sera centré. Cependant, dans un souci de pérennité, vous devriez plutôt utiliser des méthodes de centrage CSS modernes.
Utilisation margin:0 auto;
Si vous centrez autre chose, margin: 0 auto; obtiendra votre élément centré la plupart du temps. (Remarque rapide: votre élément doit avoir une largeur déclarée pour que cela fonctionne.)
La marge: 0 auto; règle est un raccourci pour 0 marge supérieure et inférieure, et marges gauche et droite automatiques. Les marges gauche et droite automatiques fonctionnent ensemble pour pousser l'élément au centre de son conteneur.
Si vous souhaitez centrer le contenu:
1. définissez la propriété css display: inline-block ou inline pour chaque élément de contenu.
2. définissez la propriété css text-align: center sur leur nœud parent.