пытается центрировать изображения в галерее jquery

Question

Я использую jquery galleria, который довольно крут, но я не могу понять, как центрировать список миниатюр. как вы можете видеть в приведенной ниже ссылке, основное изображение центрировано, но миниатюры всегда остаются в силе. любые эксперты css знают, что я делаю неправильно здесь.

Вот пример.

Answer 1

Элементы вашего списка в настоящее время настроены как «display: block; float: left;» что вызывает вашу проблему, поскольку центрирование содержимого ничего не сделает для этих целей ...

Есть решение.

Поскольку все ваши изображения в разделе миниатюр всегда будут иметь одинаковую ширину, вы можете выполнить настройку, чтобы центрироваться.

я сделал следующие изменения в вашем CSS

.gallery_demo { 
    padding-left: 80px; 
    width: auto; 
} 

который, кажется, чтобы получить результаты вы после этого.

p.s. «center» html-тег не должен использоваться.

Answer 2

Для центрирования Галерею миниатюр под большим изображением, я добавил следующее в файл CSS моего сайта:

.galleria-миниатюр { Левое поле: авто; margin-right: auto; }

Answer 3

Вам нужно использовать jquery, чтобы получить ширину контейнера, а затем сделать остальную часть уравнения, это имеет смысл? - ((ширинаOfGalleria - ширинаOfThumbnailsList)/2)