在wordpress中垂直对齐div中的图像

时间:2011-10-30 09:11:22

标签: image wordpress html center alignment

我试图在wordpress中的div中垂直对齐图像,div被设置为一种背景边框,我已经完成了,并且我已经将div中心内的图像水平对齐但我不能垂直做,有人可以帮忙吗?

这是我目前的课程,.image是div,img是帖子里面的图片。

.entry img{max-width: 475px; max-height: 240px; padding: 50px;}
.entry .image{background-image:url(images/image-back.gif); width: 590; height:339px; text-align: center; margin-top: 20px; margin-bottom: 40px;}

html代码对于帖子中的每个图像都显示如下

<div class="image"><img src""></div>

感谢任何帮助,谢谢你!

1 个答案:

答案 0 :(得分:0)

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Internet Explorer中解决方案的基石:内部对象绝对位于区域高度的一半。然后向上移动一半的高度。使用Internet Explorer中高度属性的错误解释(计算高度作为嵌套标记的百分比高度的基础)。 Explorer需要一个额外的嵌套标记。

Mozilla,Opera,Safari等标准浏览器的解决方案完全不同。整个区域(顶部)设置为显示为表格(显示:表格; CSS2的一部分)。内部对象设置为table-cell(display:table-cell)。但是 - 有智慧 - 可以在标准浏览器中对显示的元素使用vertical-align属性。 (Internet Exlorer忽略这些属性或不知道它们的值。)