Google Chrome添加了不需要的内容

Question

我正在使用bootstrap标记页面。内容使用ajax请求动态加载，然后插入#content元素。有问题的特定页面主要包含段落，标题，块引用和一些youtube / soundcloud嵌入。我遇到的问题是，当我在Google Chrome中加载页面时，插入换行符<br>的每个元素之间都会插入。这使得它看起来奇怪地间隔开并且对布局具有不希望的影响。如果我在IE中加载此页面，它看起来完全符合预期（这是第一个），并且没有添加换行符。

The page in question

编辑：我到目前为止唯一想到的解决方案是将<br>标签设置为不占用任何空间，但那样就有点失败了。

编辑＃2：这是一个展示的屏幕截图。

编辑＃3：在进一步检查时，这似乎也发生在IE上。问题并非与Chrome隔离。下面是我用来动态获取内容的代码：

function load(url) {
    $('#content').html("");
    $('#loader').show();
    $.get('/dyn/' + url, function(data) {
        $('#loader').hide();
        $('#content').html(data);
        $('.navbar-nav>.active').removeClass("active");
        $('.navbar-nav>li>a[href*="' + page + '"]').parent().addClass("active");
        $('.navbar-collapse').collapse('hide');
    });
    page = url.split("/")[0];
}

Answer 1

愚蠢的问题，抱歉。有一些服务器端代码导致了这个问题。

<? echo preg_replace("/\r?\n|\r/", "<br />", $review['content']); ?>