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

Jquery CSS浮动中心黑客可能与一点JS,jquery,css,position,css-float,Jquery,Css,Position,Css Float,我有一个问题,就是把东西放在中心。图片库的项目符号位于绝对导航系统内,该系统主要由容器上的position:absolute属性控制,宽度为968px 图片数量未知。如果有8颗子弹,就会有8颗子弹,4颗,4颗等等。。。子弹需要浮动以确保它们彼此对齐,但由于它们不是浮动:中心,因此我无法完成中心位置 他们是一个很好的干净CSS解决方案,还是最好使用一点JS来检测子弹的数量,然后相应地定位 例如-- 任何想法 奇妙的尝试以下方法: .nivo-controlNav { display: in

我有一个问题,就是把东西放在中心。图片库的项目符号位于绝对导航系统内,该系统主要由容器上的position:absolute属性控制,宽度为968px

图片数量未知。如果有8颗子弹,就会有8颗子弹,4颗,4颗等等。。。子弹需要浮动以确保它们彼此对齐,但由于它们不是浮动:中心,因此我无法完成中心位置

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

例如--

任何想法

奇妙的

尝试以下方法:

.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;
}
请尝试以下操作:

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

你能为我们发布你的HTML和CSS吗?你有没有尝试过显示:内联块与文本对齐中心相结合?最好的方法是指定宽度并将边距设置为“自动”,它仍然是一个块?你能为我们发布你的HTML和CSS吗?你有没有尝试显示:内联块与文本对齐中心相结合?最好的方法是指定宽度并将边距设置为“自动”,它仍然是一个块。它起作用了,但每隔几张图片就会把图片往下推。这立刻消失了,我将位置更改为绝对位置,但中心对齐也是如此。任何想法。你的代码的效果很好,但是图像上似乎有一个随机的下降。有什么好主意吗?你好。它起作用了,但每隔几张图片就会把图片往下推。这立刻消失了,我将位置更改为绝对位置,但中心对齐也是如此。任何想法。你的代码的效果很好,但是图像上似乎有一个随机的下降。有什么想法吗?