使用滑块中的图像居中div

时间:2015-07-18 06:00:07

标签: css wordpress-theming

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

我希望纵向和横向居中,并在所有边padding:100px;

填充

有人可以访问我的网站并帮助集中这个区块吗?这是我mywebsite的网址,请分享一些知识,希望我能解决这个问题。

2 个答案:

答案 0 :(得分:0)

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

.image img

这是div的CSS选择器,其中包含一个包含图像标记的图像类。这可能过于笼统,我实际上建议为您的图片提供ID并定位。

答案 1 :(得分:0)

我查看了你的代码,(感谢Google for Chrome上的Inspect Element!)看起来你的代码正文中有标题,试着在你的html中移动页面标题。在某些情况下,我发现这对我有用。

下次尝试将与问题相关的代码添加到您的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%;
}