将 div 与滑块中的图像居中

Question

我使用了另一个开发者的部分 wordpress 主题，现在这个滑块内容浮动到顶部

我想将内容垂直和水平居中，并在所有边上填充 padding:100px;

有人可以访问我的站点并帮助将此块居中吗？这是我的mywebsite的url，请分享一些知识，希望我能解决这个问题。

Answer 1

尝试执行此站点上说明的步骤：http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/。您很可能希望将其应用于：

.image img

这是 div 的 CSS 选择器，class 图像包含图像标签。不过这可能过于笼统，我实际上建议为您的图片指定一个 ID 并定位该 ID。

Answer 2

我查看了你的代码，（感谢上帝在 Google Chrome 上检查元素！）你似乎在 body 中有 header代码，请尝试将页面 header 移动到 html 中的 body 上方。我发现这在某些情况下对我有用。

另外，下次尝试将与问题相关的代码添加到您的 OP 中，将有助于更快更好地获得答案

编辑：您可以通过更改 css 中的左右标签将其水平居中：

.//div class here {
    left: 10%;
    right: 10%;
    width: 80%;
}

编辑 2：试试这个，我不确定它是否有效，但值得一试：

.//div class here {
    left: 10%;
    right: 10%;
    width: 80%;
    height: 80%;
    top: 10%;
    bottom: 10%;
}

Centering div with image in slider