HTML标记不兼容跨浏览器

概述我有一个 HTML< br />的问题标签. 我有2张图片在彼此之上. 没有< br />在两者之间,顶部图像的底部边界接触底部图像的顶部边界,这似乎是它应该是的. 然后如果我放1< br />,则在2个图像之间应该有一些空间.如果我把2< br />,应该有更多的空间. 这是问题所在 Firefox 3.5版似乎忽略了第一个< br />.如果我放2,那么它会在2幅图像之间留出一些空间. IE7 我有一个 HTML< br />的问题标签.

我有2张图片在彼此之上.

没有< br />在两者之间,顶部图像的底部边界接触底部图像的顶部边界,这似乎是它应该是的.
然后如果我放1< br />,则在2个图像之间应该有一些空间.如果我把2< br />,应该有更多的空间.

这是问题所在

firefox 3.5版似乎忽略了第一个< br />.如果我放2,那么它会在2幅图像之间留出一些空间.
ie7在两个图像之间留出一些空间,即使我没有放任何< br />
在Chrome或Safari中工作正常,即没有没有< br />的空间,有1< br />的空间,2的更多空间等等…
我还没有在ie8中测试过.

有没有办法解决浏览器似乎没有解释< br />的事实？用同样的方式标记？

感谢您的见解！

解决方法 尝试使用CSS定位图像而不是依赖于br标记.

img { display: block; margin: 0 0 20px 0; }

例如.

总结

以上是内存溢出为你收集整理的HTML标记不兼容跨浏览器全部内容，希望文章能够帮你解决HTML标记不兼容跨浏览器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。