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

也许看看这个Remove whitespace and line breaks between HTML elements using jQuery

并查看是否有一点jquery清理换行符将有助于

格式化HTML代码

2 个答案: