html - HTML 标签不跨浏览器兼容

Question

我的 HTML 有问题 <br />标签。

我有 2 张图片。

没有<br />在两者之间，顶部图像的底部边界触及底部图像的顶部边界，这似乎是它应该的样子。然后如果我把 1 <br /> ，两张图片之间应该有一些空间。如果我放 2 <br /> , 应该有更多的空间。

问题来了

Firefox 3.5 版似乎忽略了第一个 <br /> .如果我放 2 那么它会在 2 个图像之间留出一些空间。即使我不放置任何 <br />，IE7 也会在两个图像之间放置一些空间在 Chrome 或 Safari 中一切正常，即没有空间没有 <br /> , 一些空间 1 <br /> , 更多空间 2, 等等...我没有在 IE8 中测试过。

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

感谢您的见解!

Answer 1

尝试使用 css 来定位图像，而不是依赖 br 标签。

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

例如。