使用DIV在Chrome中无法使用多个图像居中

时间:2011-04-01 04:46:17

标签: html

我正在拼命地使用DIV标签将一系列5个动画GIF集中在页面底部,但由于某种原因,我正在使用的代码(以及我能提出的所有其他组合)使得图像作为一组略微偏离中心向右几个像素。 GIF需要肩并肩排列,以便它们之间没有任何间隙。此外,我希望图像与浏览器窗口的底部完美对齐,无论观看者屏幕的大小或分辨率如何。奇怪的是,当我在IE中打开同一页面时,它显示完美。它需要居中的主要原因是因为我试图将它与背景图像完美对齐。我完全陷入困境,有什么建议吗?

以下是我正在使用的代码:

  

< div style =“position:absolute; bottom:0px; width:100%; text-align:center; margin-left:0px”>   < center> 5张图片到这里< / center>   < / DIV>

1 个答案:

答案 0 :(得分:0)

IE倾向于将空白视为不应该的地方的内容。那2个像素可能是一个隐藏的空间。尝试在源代码中折叠空格。在大多数情况下这样的IE实际上是错误的,问题是你在IE中调整了一些东西,所以其他浏览器在实际上是正确的时候似乎是错误的。

要始终在屏幕底部对齐某些内容,请确保htmlbody标记为100%高,没有边距和填充,然后使用位置静态或绝对值bottom:0元素或它们的包装。