jquery - 有没有办法在 Jquery Cycle 中将寻呼机缩略图居中而不是左对齐？ (jsFiddle)

Question

我在我的 Jquery Cycle 中添加了寻呼机，一切正常。我想将寻呼机缩略图居中(我实际上并没有使用真正的缩略图……只是将寻呼机号码称为缩略图)。

所以如果我有 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/

如有任何建议，我们将不胜感激!

Answer 1

此处:http://jsfiddle.net/NpUxP/

display: inline-block 而不是 block 并且没有 float for .pager a