html - 如何将内容元素与 wordpress 自定义 css 居中对齐？

Question

我试图在 wordpress 网页中居中对齐图像轮播。我在面板菜单的自定义 CSS 中尝试了这行代码，但它对我不起作用:

.cleaning_carousel {宽度:50% !important; margin: 0px auto !important;}

要查看相关网站，请访问 https://livingwatersict.com/ponds/

有人可以指出我犯的错误吗？

Answer 1

你可以尝试像这样制作一个外部 div 并使用 css text-align:center

.outer
{
text-align:center;
}
.inner
{
width:300px;
height:auto;
}

<div class="outer">

<img src="http://www.team-bhp.com/forum/attachments/travelogues/412228d1282577980-taj-mahal-full-moon-fatehpur-sikri-mathura-bharatpur-keoladeo-national-park-img_9119_20_21_tonemappedb.jpg" class="inner">

</div>