格式化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>