css - Genesis 响应 slider 图像中心

Question

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

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，而且它目前无法正常工作。谢谢

Answer 1

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

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

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

.slider1 img{
text-align:center;
}

让我知道结果如何。谢谢