css - Genesis 响应式滑块图像中心

Question

我试图让Genesis响应滑块中的图像居中，但到目前为止我失败了。我在我的主页上创建了一个小部件区域并使用以下命令对其进行了初始化：

function tx_slider_genesis(){
genesis_widget_area( 'slider-1', array(
'before' => '<div class="slider1 center">',
'after' => '</div>',
) );
}

主页在这里：www.testing.tx0rx0.com

我认为我可以嵌套CSS，这样slider1 div中的img标签可以通过以下方式居中：

.slider1 .img{
float:center;
}

但我不太了解嵌套的 CSS 并且它目前无法正常工作。谢谢

score 1 · Accepted Answer

我看不到您的 HTML 代码的结构。尝试这个：

.slider1 .img{
text-align:center;
}

如果这不起作用，请尝试将 .img 更改为 img，如下所示：

.slider1 img{
text-align:center;
}

让我知道它是如何工作的。谢谢

1 回答 1