Есть ли способ центрировать миниатюры пейджера в цикле Jquery вместо выравнивания по левому краю?(JsFiddle) - PullRequest
Новая
       65

Есть ли способ центрировать миниатюры пейджера в цикле Jquery вместо выравнивания по левому краю?(JsFiddle)

3 голосов
/ 15 февраля 2012

Я добавил пейджер в свой цикл Jquery, и все работает нормально.Я бы хотел центрировать миниатюры пейджера (на самом деле я не использую РЕАЛЬНЫЕ миниатюры ... просто ссылаюсь на номера пейджеров как миниатюры).

Итак, если у меня есть 7 слайдов, я бы хотел pager1, pager2 и т. Д.через pager7 вместо центрирования по левому краю.

Я не уверен, что это в моем css, но я зашел в свой .css и попробовал text-align: center, но это не такничего не делай.В настоящее время у меня есть это в моем css: 

.pager a { border: 1px solid #dde4ec; background: #465c71; text-decoration: none; margin: 0 5px;  padding: 3px 5px; }
.pager a.activeSlide { background: #dde4ec; }
.pager a:focus { outline: none; 
 -moz-box-shadow: 5px 5px 2px #fff;
-webkit-box-shadow: 5px 5px 2px #fff;
box-shadow: 5px 5px 2px #fff;}

JSFiddle (благодаря PI) находится здесь: http://jsfiddle.net/jasonpaulweber/SjXVc/

Любые предложения будут оценены!

Ответы [ 2 ]

4 голосов
/ 15 февраля 2012

Здесь: http://jsfiddle.net/NpUxP/

display: inline-block вместо block и float для .pager a

1 голос
/ 15 февраля 2012

Вы также можете сделать это с автоматическим запасом: 

body {
   text-align: center;
}

.pager {
  margin: 0px auto;
  width: 220px;
}

http://jsfiddle.net/SjXVc/1/

...