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

Question

所以， 我有一个用于登陆页面的水平和垂直居中的 div。我正在尝试将图像添加到 div，但是一旦我插入它，居中的 div 的内容要么被推到屏幕底部，要么被推到一侧（参见页面here）。我试图用这个 CSS 解决问题：

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

但无济于事。出于某种原因，图像拒绝像页面上的其他组件一样与文本上方的中心对齐。我想 Jquery 可能存在问题，以某种方式阻止它以图像正确居中，但我想在我尝试任何更深入的解决方案之前，我可能会以更敏锐的头脑运行它。

Answer 1

您已将 float:left 应用于 img。

只要我在浏览器中删除该 css，它就会自动居中。