为什么Firefox没有显示两个BR的空间？

Question

我正在处理此website并显示数据库中的帖子。我正在用\r\n\r\n替换<br/><br/>。在Opera，Chrome和IE中按预期工作，但在Firefox中，它只跳了一行，好像只有一个<br/>（但我查看了源代码并且有两个）。

我做错了什么或Firefox在这方面工作不正常？我正在使用Firefox 7。

生成的HTML。双br未正确显示。

<span class='conteudo'>No dia 19 de novembro, a <strong>Brasilit</strong> irá realizar uma palestra promovendo o lançamento de suas novas linhas de telhas <strong>Colonial</strong>, <strong>Shingle</strong> e <strong>Top</strong> <strong>Steel</strong>.<br /><br />A palestra é voltada para os profissionais que atuam na área de coberturas.<br /><br />Maiores informações podem ser obtidas com os vendedores.</span>

Answer 1

在http://www.casaebase.com.br/css/default.css，会出现以下声明：

.post .conteudo br {
    display: block; /* <-- Causes the issue at Firefox*/
    height: 1px;
}

此display属性应为inline。 Firefox中将隐藏一个空的block元素（即具有display:block但没有可见内容的元素）。

Answer 2

问题是你有CSS覆盖了<br>标签的正常行为。

查看Firebug，当我导航到<br>标记时，我看到了这一点：

.post .conteudo br {
    display: block;
    height: 1px;
}

如果删除这些样式，<br>将正常工作。

我不确定你为什么选择设置<br>标签的样式，但这是造型的结果。