影响布局的新线条

Question

我通过PHP和Javascript添加DOM元素。它们是完全相同的元素，但不知何故它们的输出显示不同。为了获得更好的图片，我在下面提供了一个非常简化的代码：

的Javascript

var new_div = "<div>\
    <p>Hello</p>\
    </div>";

$(new_div).appendTo("#parent");

PHP

echo "<div>
    <p>Hello</p>
    </div>";

在PHP中，我并不打算包含新行\n，因为我可以通过写下一行来编写多行字符串。但是，在Javascript中，我需要使用\来逃避新行，否则我必须将整个内容写成一行。

当我加载页面时，两个div看起来并不完全相同。 Javascript的输出看起来有一些额外的边距，其中应该是换行符。

我可以通过在PHP端添加换行符\n来修复它。但我希望保持源代码更清晰，所以我正在寻找一个只在可能的情况下才涉及CSS的修复。

谢谢！

Answer 1

尝试这样做

var new_div = "<div>";
new_div += "<p>Hello</p>";
new_div += "</div>";

$(new_div).appendTo("#parent");