Question

我更改了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;
}

Answer 1

如果您只想让它居中，可以在滑块包装上使用margin: 0 auto;：

<强> CSS

#slider-wrapper-full {
    height: 400px;
    margin: 0 auto;      /* Add this line */
    overflow: hidden;
    padding-top: 10px;
    width: 850px;
}

Answer 2

当答案出现时，我正在尝试一种不那么优雅的方法。

在style.css文件中，搜索#slider-wrapper-full并替换

"padding-top:10px;"

带

"padding: 10px 0px 0px 75px;"

但是，正如@Zuul指出要添加行margin: 0 auto;要好得多。它将保持您对nivo滑块大小居中的其他更改。

nivo滑块的定位

2 个答案: