J'utilise jquery galleria qui est assez cool mais je n'arrive pas à comprendre comment centrer la liste des vignettes. Comme vous pouvez le voir dans le lien ci-dessous, l'image principale est centrée mais les vignettes sont toujours justifiées à gauche. tous les experts css savent ce que je fais mal ici.en essayant de centrer les images en galleria jquery
Voici un exemple.
Vos éléments de liste sont actuellement définis sur "display: block; float: left;" ce qui provoque votre problème en centrant le contenu ne fera rien pour ceux-ci ...
Il existe cependant une solution.
Comme toutes vos images dans la section des vignettes auront toujours la même largeur, vous pouvez effectuer un ajustement pour centrer les choses.
J'ai fait les modifications suivantes à votre CSS
.gallery_demo {
padding-left: 80px;
width: auto;
}
qui semble obtenir les résultats que vous recherchez.
p.s. la balise html "center" ne doit pas être utilisée.
Pour centrer les vignettes galleria sous la grande image, j'ai ajouté le fichier css suivant sur mon site:
.galleria-vignettes { margin-left: auto; marge droite: auto; }
Cela a fonctionné pour moi - j'ai à la fois scape terrestre et thumbs portrait donc une largeur variable. La réponse acceptée ci-dessus «semble» spécifique à ce PO - cette réponse devrait fonctionner pour n'importe qui. – megaSteve4
Vous avez besoin d'utiliser jquery pour obtenir la largeur du conteneur, puis faites le remplissage. L'équation est-elle logique? - ((widthOfGalleria - widthOfThumbnailsList)/2)
merci pour la réponse rapide. . travaillé parfaitement – leora