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

标签 jquery css jquery-plugins jquery-cycle

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

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

最佳答案

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

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

关于jquery - 有没有办法在 Jquery Cycle 中将寻呼机缩略图居中而不是左对齐? (jsFiddle),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9291347/

相关文章:

jquery - 从输入获取值时出错[类型 ="hidden"]

javascript - 使用 React.js 为自定义旋转木马制作动画

javascript - 根据屏幕尺寸使用 jQuery 动态包裹 div

jquery - 如何关闭并覆盖 jQuery Mobile 模态对话框?

javascript - 从 javascript 数组对象中删除条目

jquery - 使用 jQuery 的大型菜单

css - material-ui 卡没有加载 CSS

css - HTML:如何防止带有填充和边框的跨度重叠?

javascript - 如何使 jquery 插件选项 true/false 变成更紧凑的形式?

javascript - 以变​​量形式传递数据-Highcharts