Div中的图像对齐以Jquery为中心

时间:2012-09-08 23:49:56

标签: javascript css image alignment center

SO, 我有一个水平和垂直居中的div用于着陆页。我正在尝试将图像添加到div中,但是一旦插入它,中心div的内容就会被推到屏幕的底部或一侧(参见页面here)。我试图用这个CSS解决问题:

#landlogo {
display: block;
margin-left: auto;
margin-right: auto;
float: left;
clear: both;
}

但无济于事。出于某种原因,图像拒绝与文本正上方的中心对齐,就像页面上的其他组件一样。我想Jquery可能存在一个问题,它会以某种方式阻止它与图像正确对齐,但我想也许我会在更深入的解决方案之前通过更加敏锐的思想来运行它。

1 个答案:

答案 0 :(得分:2)

您已将float:left应用于img。

只要我在浏览器中删除了该css,它就会自行居中。