如何中心滑块在CSS？(How to center slider in css?)

我安装了一个主题这个插件。 这个主题有一个滑块，但我不喜欢它。 所以我安装了这一个。

http://wordpress.org/extend/plugins/content-slide/

我试着用这

#wpcontent_slider_container{
position:relative;
margin: 0 auto;
}

和这个

#wpcontent_slider_container{
position:relative;
margin-left:auto;
margin-right:auto;
}

并没有任何反应。

我必须把东西DIV？

Answer 1:

我有同样的问题。 这是我如何解决它：

#wpcontent_slider_container {
margin-left: auto !important;
margin-right: auto !important;
}

#wpcontent_slider {
/* Your styling here */
}

如果没有“！重要的”啄的CSS没有FO我工作，要么。

Answer 2:

改变宽度

#wpcontent_slider_container{
    width: 500px;
    margin:0 auto;
}

Answer 3:

如果你知道滑块的宽度，这里是为我工作时居中对齐被固执一点修复。

#sliderDiv{
   position:relative;
   left:50%;
   margin-left:-(half the width of the div);
  (ex. if div is at 500px it would be margin-left:-250px;)
 }

这不是很漂亮，但它的工作原理。 你可能有隐藏外容器的水平溢出虽然。

Answer 4:

在#wpcontent_slider_container's父元素添加

text-align:center;

居中对齐您#wpcontent_slider_container

Answer 5:

#wpcontent_slider_container{
text-align: center;
}

或使用<center >标签

Answer 6:

最后，我可以在我的网页滑块ubication解决问题。

刚刚修改style.css ， .main_img { float:left; margin:15px 10px 0 60px} .main_img { float:left; margin:15px 10px 0 60px} ，更改的值。

Answer 7:

使用“保证金右”和“缘左”的汽车！对我来说很重要的工作也是如此。 它实际上还曾即使不使用！重要的命令。

文章来源: How to center slider in css?