格式化HTML代码

Question

aI有一个相对复杂的模型，我需要使用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

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

，看看是否有一个小的jQuery清理换行符你会帮助

Answer 2

它看起来像你试图避免因之间的界限打破了空间跨度元素。如果是这样，你可以试试这个技巧。仍然丑陋，但比单线更好。

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