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

【问题标题】：Is there a way to center the pager thumbnails in Jquery Cycle instead of left-aligned? (jsFiddle)有没有办法在 Jquery Cycle 中将寻呼机缩略图居中而不是左对齐？ (jsFiddle)
【发布时间】：2012-02-15 19:05:41
【问题描述】：

我在我的 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/

任何建议将不胜感激！

【问题讨论】：

你能发布一个演示吗？ jsfiddle.net
是的 PI ...我现在正在这样做。我将如何在其中包含 Jquery Cycle All.js？只需粘贴整个内容？
看左边的“添加资源”，在这里你可以添加你的文件。或者只是粘贴它。
知道了 PI！它位于此处：jsfiddle.net/jasonpaulweber/SjXVc .... 非常感谢！
我很确定它要么在 .css 中，要么在 javascript 的最底部，它实际上调用了函数。

标签： jquery css jquery-plugins jquery-cycle

【解决方案1】：

这里：http://jsfiddle.net/NpUxP/

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

【讨论】：

请注意，这在 IE7 中不起作用！，解决方案是使用 display: inline 为 IE7 添加条件 CSS 并且它起作用:)
Welldan，您的解决方案非常完美！它完全实现了我想要的！非常感谢您花时间做出回应，甚至展示您自己的小提琴。至于 IE7，感谢 Jackjoe 的提醒……但我并不担心那些过时的浏览器。但我会检查一下。再次感谢韦尔丹，很好的回答！我希望我有你 1% 的 js/css 知识！

【解决方案2】：

您也可以使用自动边距：

body {
   text-align: center;
}

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

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

【讨论】：

感谢您的投入，PI，并花时间帮助我处理 jsfiddle！我理解你的思维过程，这很有意义——你真的在帮助我理解 css。非常感谢您的帮助！