html代碼對齊


情景:所有html代碼都在一行里面,我希望它們能按標准的格式換行對齊

問題沒有想象的那么復雜,直接搜索代碼在線格式化,直接把要對齊的代碼復制粘貼上就可以了,

比如這個鏈接:http://tool.oschina.net/codeformat/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,結果只是換行而沒有對齊

 

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM