Возможность взлома CSS с помощью JS

Question

У меня проблема с хранением вещей в центре. Пули для галереи изображений расположены внутри абсолютной навигационной системы, в первую очередь контролируемой атрибутом position: absolute для контейнера с шириной: 968px;

Количество фотографий неизвестно. Если их будет 8, то будет 8 пуль, 4, 4 пули и т. Д. Пули должны быть смещены, чтобы убедиться, что они находятся на одной линии друг с другом, но, поскольку они не являются поплавками: центр, тогда я не могу занять центральное положение.

Является ли это хорошим чистым решением CSS для этого, или было бы лучше использовать немного JS, чтобы определить количество пуль и затем позиционировать их соответствующим образом.

Пример - http://www.golfbrowser.com/courses/wentworth-east/

Любые идеи,

Marvelous

Answer 1

Попробуйте следующее:

.nivo-controlNav {
    display: inline-block;
    position: relative;
    top: 420px;
}

.nivo-controlNav a {
    background: url("http://www.golfbrowser.com/images/structure/bullets.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 22px;
    margin-right: 3px;
    position: relative;
    text-indent: -9999px;
    width: 22px;
}