Mes questions)
L'une de ces méthodes est-elle préférée par un concepteur Web professionnel?
L'une de ces méthodes est-elle préférée par un navigateur Web lors du dessin du site Web?
Est-ce tout simplement une préférence personnelle?
Y a-t-il d'autres techniques qui me manquent?
Remarque: Les questions ci-dessus concernent la conception d'une disposition à plusieurs colonnes
flotteur: gauche;
C'est la méthode que j'utilise toujours lors de la création de mises en page de colonnes, et cela semble très bien fonctionner. Cependant, le parent s'effondre sur lui-même, il vous suffit donc de vous en souvenir par la clear:both;
suite. Un autre con que je viens de découvrir était l'incapacité d'aligner le texte verticalement.
affichage: en ligne;
Cela semble corriger le problème du parent qui s'effondre, mais ajoute des espaces.
La suppression des espaces blancs du HTML semble être la solution la plus simple pour résoudre ce problème, mais n'est pas souhaitée si vous êtes vraiment pointilleux sur votre HTML.
affichage: bloc en ligne;
Semble se comporter exactement comme display:inline;
.
affichage: table-cellule;
Fonctionne parfaitement.
Mes pensées:
Je suis sûr qu'il me manque une tonne de choses, comme certaines exceptions qui briseront la mise en page, mais display:table-cell;
semble fonctionner le mieux, et je pense que je vais commencer à remplacer float:left;
car je semble toujours gâcher clear:both;
. J'ai lu de nombreux articles et blogs à ce sujet sur le Web, mais aucun d'eux ne me donne une réponse définitive sur ce que je devrais utiliser lors de la mise en place de mon site Web.
display: inline
propriété et j'ai constaté qu'elle ne s'occupe pas correctement du remplissage des éléments enfants. Mais si j'utilise le, display: inline-block
cela est pris en charge automatiquement. S'il vous plaît voir le lien - codepen.io/prashdeep/pen/rVOyvd S'il vous plaît laissez-moi savoir vos entrées sur le même