J'essaye de créer une disposition comme celle-ci, qui est à la fois centrée horizontalement et verticalement.Alignement vertical et alignement horizontal Problème
J'ai trouvé un moyen de le faire avec jQuery, mais il semble y avoir une légère secousse que la page rend. J'espérais faire cette mise en page avec des css purs, mais je n'arrive pas à comprendre comment le faire. Voici le violon pour cette mise en page. Merci
http://jsfiddle.net/rodmjay/LnRq6/
Combinaison d'alignement vertical et l'affichage dans votre CSS fera l'affaire:
#container .item {
display: table-cell;
vertical-align: middle;
...
}
Ceci est OK dans la plupart des navigateurs * sauf * IE7 et ci-dessous. IE8 est bien. Allez comprendre. –
comment feriez-vous un flotteur avec ceci. J'ai eu les éléments d'emballage des lignes .... voir exmaple ... http://jsfiddle.net/LnRq6/2/ –
Je pense que son impossible d'aligner verticalement avec ce pur et sans css tables. Vous avez besoin que tous les éléments aient la même hauteur pour les aligner verticalement.
Mise à jour 2016: Vous pouvez utiliser flex d'affichage, son incroyable pour ce
Il devrait permettre de préciser les dimensions de l'image dans la balise '![]()
', de sorte que le navigateur sait comment les rendre avant qu'ils aient commencé le téléchargement. –
drudge