html - 格式化 HTML 代码

Question

a我有一个相对复杂的模型，需要以 HTML 格式呈现。

我遇到的问题是模型中的一行可能很长，这将使 HTML 代码难以阅读。缩进单独的标签不起作用，因为它会在数据中间创建不需要的空格。

例如，如果我的数据呈现如下：

<p style="..."><span style="...">...</span><span style="...">...</span><span style="...">...</span><span style="...">...</span></p>

就像是

<p
    style="..."><span 
        style="...">...</span><span 
        style="...">...</span><span 
        style="...">...</span><span 
        style="...">...</span>
</p>

这样做的问题很明显，开始标签位于上一行的末尾。

有没有更好的选择来实现这一目标？

Answer 1

看起来您试图避免由 span 元素之间的换行符引起的空间。如果是这样，你可以试试这个技巧。仍然丑陋但比单行好。

   <span>a</span><!--
--><span>b</span><!--
--><span>c</span>

Answer 2

也许看看这个使用jQuery删除HTML元素之间的空格和换行符

看看是否有一点 jquery 为你清理换行符会有所帮助