情景：所有html代碼都在一行裏面，我希望它們能按標準的格式換行對齊

原始代碼如下圖：

步驟一：把文件名後綴改為 xml，文件名現在是1.xml

步驟二：用瀏覽器打開1.xml

　　有報錯，如圖：

步驟三：修改報錯，把img標簽補全

　　本來的img標簽缺少斜杠，所以是不完整的，如下

　　<img class="song_img" src="http://y.gtimg.cn/music/photo_new/T002R300x300M000001Xgi710Hgd1y.jpg?max_age=2592000" style="height:120px;">

　　在最後加上斜杠即可

　　<img class="song_img" src="http://y.gtimg.cn/music/photo_new/T002R300x300M000001Xgi710Hgd1y.jpg?max_age=2592000" style="height:120px;" />

刷新頁面結果如下：

步驟四：在瀏覽器上全選，然後粘貼到webStorm編輯器上

　　這時的代碼已經是對齊的了，如圖：

　　再把代碼從webStorm復制到其他編輯器，都是完美的換行對齊的；

　　如果剛才不是用webStorm而是從瀏覽器復制到editplus，結果只是換行而沒有對齊

　　這顯然是一個比較笨的方法，而且不知道為什麽。

　　如果你們有更好的方法，請留言或者貼個鏈接

html代碼對齊