html - 如何将此图像水平居中放置在此页面的中心？

Question

我发现此网页存在一些 HTML\CSS 问题:http://www.saranistri.com/saranistriWPnew/?page_id=613

正如您在该页面中看到的，有一个图像名为:abusivismo1-641x321.jpg

此图像位于此 div 容器结构中:

具有 clasas vc_span12 wpb_column column_container 的 div 包含具有类 wpb_wrapper 的其他 div 包含自身 wpb_single_image wpb_content_element centerizedImg 包含具有类的 div wpb_wrapper 最后包含我的 abusivismo1-641x321.jpg

我想以页面中心的方式将此图像置于其容器中

我尝试设置一些 CSS 设置，例如:

width: 642px;
margin: 0 auto;

但不工作

你能帮帮我吗？

太感谢了

安德里亚

Answer 1

这是解决方案。

.wpb_content_element.wpb_single_image img {
    display: table;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

在您的类 .wpb_content_element.wpb_single_image img 中替换上述值，您的图像将位于中心。

希望这对您有所帮助。