wordpress 如何在css中将滑块居中?

ddhy6vgd  于 2023-10-17  发布在  WordPress
关注(0)|答案(8)|浏览(108)

我在一个主题上安装了这个插件。这个主题有一个滑块,但我不喜欢它。所以我安装了这个。
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中添加一些东西吗?

3htmauhk

3htmauhk1#

变化宽度

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

tjjdgumg2#

我也有同样的问题。我是这样解决的:

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

#wpcontent_slider {
/* Your styling here */
}

没有“!重要的是,CSS对我也不起作用。

nukf8bse

nukf8bse3#

#wpcontent_slider_container's父元素中添加

text-align:center;

#wpcontent_slider_container居中对齐

r1zhe5dt

r1zhe5dt4#

如果你知道滑块的宽度,这里有一个小的修复,为我工作时,中心对齐是顽固的。

#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;)
 }

不好看,但很管用。但是,您可能必须隐藏外部容器的水平溢出。

nafvub8i

nafvub8i5#

#wpcontent_slider_container{
text-align: center;
}

或使用<center > Tag

kb5ga3dv

kb5ga3dv6#

最后,我可以修复的问题与滑块ubication在我的网页。
只需修改style.css.main_img { float:left; margin:15px 10px 0 60px},更改值。

u0sqgete

u0sqgete7#

使用“margin-right”和“margin-left "的自动!对我来说也很重要。它实际上也工作,甚至没有使用!重要的命令。

wlwcrazw

wlwcrazw8#

我也遇到过类似的问题。这两个是关键的东西,特别是块显示模式使滑块可按边距居中。

margin 0 auto;
display: block;

相关问题