2014-02-12 57 views
0

我点击超链接后显示图像。当我用mozilla firefox显示图像时,它会居中对齐,但当我在Google Chrome中显示相同的图像时,它左对齐。我不明白为什么会发生这种情况。为了供大家参考,我在HTML代码下面给出了Mozilla Firefox以及Google Chrome的屏幕截图。如何在谷歌浏览器中居中对齐图像,该图像在Mozilla Firefox中已经居中对齐?

HTML代码如下:

<a style="font-size:17px;" href="Annual Gathering 2014.jpg"><strong><font color="42515a">ANNUAL GATHERING 2014 (Click to view the detail schedule)</font></strong></a> 

的屏幕截图在Mozilla Firefox如下: enter image description here

的屏幕截图在谷歌浏览器如下: enter image description here

谢谢了解我的问题。等待你的回复。

回答

3

这是用于显示图像的不同浏览器的单个默认行为,因为您已直接链接到图像,而不是将图像嵌入到HTML页面中。

如果您决定将其嵌入HTML页面并链接到页面而不是图像,那么您可以控制图像的显示方式。

1

使用这对在它的父元素居中的图像

img{ 
display:block; 
margin:0 auto; 
}