我更改了My Site上的Nivo滑块和标题的大小,现在图像和滑块偏离中心并且向左硬。我希望它以它上面的导航栏为中心。有人可以帮助我吗?
目前我对滑块,图片和标题属性有以下CSS
:
.nivoSlider {
position:absolute;
width:850px;
height:400px;
overflow:hidden;
}
.nivoSlider img {
position:relative;
width:850px;
height:400px;
overflow:hidden;
top:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}
.nivo-caption {
position:absolute;
bottom:0;
background:#09dcc7;
padding:5px 5px 5px 5px;
z-index:8;
overflow:hidden;
}
答案 0 :(得分:4)
如果您只想让它居中,可以在滑块包装上使用margin: 0 auto;
:
<强> CSS 强>
#slider-wrapper-full {
height: 400px;
margin: 0 auto; /* Add this line */
overflow: hidden;
padding-top: 10px;
width: 850px;
}
答案 1 :(得分:0)
当答案出现时,我正在尝试一种不那么优雅的方法。
在style.css文件中,搜索#slider-wrapper-full
并替换
"padding-top:10px;"
带
"padding: 10px 0px 0px 75px;"
但是,正如@Zuul指出要添加行margin: 0 auto;
要好得多。它将保持您对nivo滑块大小居中的其他更改。