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

Question

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

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

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

Answer 1

您已将 float:left 应用于 img。

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