我正在拼命地使用DIV标签将一系列5个动画GIF集中在页面底部,但由于某种原因,我正在使用的代码(以及我能提出的所有其他组合)使得图像作为一组略微偏离中心向右几个像素。 GIF需要肩并肩排列,以便它们之间没有任何间隙。此外,我希望图像与浏览器窗口的底部完美对齐,无论观看者屏幕的大小或分辨率如何。奇怪的是,当我在IE中打开同一页面时,它显示完美。它需要居中的主要原因是因为我试图将它与背景图像完美对齐。我完全陷入困境,有什么建议吗?
以下是我正在使用的代码:
< div style =“position:absolute; bottom:0px; width:100%; text-align:center; margin-left:0px”> < center> 5张图片到这里< / center> < / DIV>
答案 0 :(得分:0)
IE倾向于将空白视为不应该的地方的内容。那2个像素可能是一个隐藏的空间。尝试在源代码中折叠空格。在大多数情况下这样的IE实际上是错误的,问题是你在IE中调整了一些东西,所以其他浏览器在实际上是正确的时候似乎是错误的。
要始终在屏幕底部对齐某些内容,请确保html
和body
标记为100%高,没有边距和填充,然后使用位置静态或绝对值bottom:0
元素或它们的包装。