以Jquery为中心的Div中的图像对齐
Image Alignment in Div centered with Jquery
SO,我有一个水平和垂直居中的div作为着陆页。我试图向div添加一个图像,但一旦插入,居中div的内容就会被推到屏幕底部或一侧(请参阅此处的页面)。我试着用这个CSS解决这个问题:
#landlogo {
display: block;
margin-left: auto;
margin-right: auto;
float: left;
clear: both;
}
但无济于事。由于某些原因,图像拒绝像页面上的其他组件一样与文本上方的中心对齐。我想Jquery可能有一个问题,以某种方式阻止了它正确地以图像为中心,但我想在尝试任何更深入的解决方案之前,也许我应该让SO上更敏锐的人来运行它。
您已将float:left
应用于img。
一旦我在浏览器中删除了那个css,它就会自动居中。
相关文章:
- 如何在JavaScript图像滑块内居中对齐图像
- 以Jquery为中心的Div中的图像对齐
- 使用jquery垂直对齐动态加载的图像
- 使用绝对css将图像与正在换行的文本对齐
- 如何在CSS中将文本相互对齐并使图像宽度为屏幕
- Js 图像滑块,中间垂直对齐
- Css浮动:右100%高度,图像底部对齐
- 范围滑块,用于更改轨道上方对齐圆的直径并使对齐的图像显示在下方
- 在横幅中水平对齐图像和 JavaScript 旋转图像
- 将图像标题区域与图像对齐
- 如何在使用文本对齐时调整图像大小并保持图像映射坐标:居中
- 主页上的居中对齐图像 WordPress.
- 将文本与对话框中标题栏中的图像对齐
- 对齐引导轮播图像
- 从 JSON 检索数据时 HTML 图像未正确对齐
- 将对象(图像)与底部对齐
- 自适应布局上的垂直自适应图像对齐
- jQuery插件光滑的Carousel图像对齐
- 固定滑块与背景图像对齐
- 将重复的背景图像与容器底部的非重复背景图像对齐