首页 > Web开发 > 详细

html代码对齐

时间:2017-07-05 12:50:48      阅读:480      评论:0      收藏:0      [点我收藏+]

情景:所有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代码对齐

原文:http://www.cnblogs.com/cao-zhen/p/7120524.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!