CSS浮动中心黑客可能与一点JS

Question

我在将事物保持在中心位置时遇到问题。图片库的项目符号位于绝对导航系统内，主要由宽度为 968px 的容器上的位置：绝对属性控制；

有数量未知的图片。如果有 8 个，则有 8 个子弹、4 个、4 个子弹等...子弹需要浮动以确保它们彼此对齐，但由于它们不是 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;
}