jquery - 使用一点 JS 可能实现 CSS float 中心 hack

Question

我无法将事物置于中心位置。图片库的元素符号位于一个绝对导航系统内，该导航系统主要由容器上的 position:absolute 属性控制，宽度为:968px；

图片数量未知。如果有 8 颗，则有 8 颗子弹、4 颗、4 颗子弹等......子弹需要 float 以确保它们彼此成一直线，但由于它们不是 float:center，所以我无法完成中心位置。

他们是一个很好的干净的 CSS 解决方案，还是最好使用一些 JS 来检测子弹的数量，然后相应地定位。

示例 -- http://www.golfbrowser.com/courses/wentworth-east/

任何想法，

很棒

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;
}