javascript - 影响布局的新行

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");