firefox在图像之间显示小框

Question

尝试使用diplay标志来改变语言，使用图像，在chrome中一切都很好，但在FFOX中 在希伯来语网站的图像之间得到一个小盒子？

我使用此代码：

 <div class="flags">
    <a href="http://www.drmosko.com/"> <img src="./images/english-flag.jpg"> </a>
    <a href="http://www.drmosko.com/he/"> <img src="./images/hebrew-flag.jpg"> </a>
 </div> 

链接以获得良好的展示效果：http://www.drmosko.com/

问题的链接：http://www.drmosko.com/he/

Answer 1

您的字体不能将空格理解为空白并打印出无法理解的字符。添加 即可解决此问题。

对于实例，

<a href="http://www.drmosko.com/"> <img src="./images/english-flag.jpg"> </a>&nbsp;<a href="http://www.drmosko.com/he/"> <img src="./images/hebrew-flag.jpg"> </a>

Answer 2

尝试给予：

.flags { font-size: 0;}
.flags a { margin-right:5px;}

Answer 3

删除<a>之间的空格并将此行添加到您的css：

.flags a{ margin-right: 5px; }