html代码对齐

情景：所有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，结果只是换行而没有对齐

　　这显然是一个比较笨的方法，而且不知道为什么。

　　如果你们有更好的方法，请留言或者贴个链接

时间： 2024-10-03 13:46:04

html代码对齐的相关文章

multi-cursor做代码对齐

.title { text-align: center; margin-bottom: .2em } .subtitle { text-align: center; font-size: medium; font-weight: bold; margin-top: 0 } .todo { font-family: monospace; color: red } .done { font-family: monospace; color: green } .priority { font-fami

VS中代码对齐等快捷键

在VS2008中,选定代码后,按Ctrl+K+F组合键,可以自动进行代码对齐. 注意:要先按下Ctrl和K,再按下F,因为Ctrl+F是查找的快捷键. 也可以先按下Ctrl+K,再按下Ctrl+F. 另外,可以在"工具->选项->文本编辑器->C/C++->制表符"选项卡中设置缩进选项. 英文版本的路径为:Tools->Options->Text Editor->C/C++->Tabs 注释选定代码:Ctrl+K+C 取消注释选定的代码:

vs code代码对齐快捷键

vscode缩进快捷键: 选中文本: Ctrl  +  [      和   Ctrl  +  ]     实现文本的向左移动或者向右移动: vscode代码对齐快捷键: 选中文本: Shift  +  Alt  + F     实现代码的对齐: 原文地址:https://www.cnblogs.com/jxst441192/p/9876342.html

XAlign：用于代码对齐的Xcode插件

除下面的插件对齐,xcode自带有cmd+v,在没有复制或者剪切的情况下,直接按cmd+v会有着对齐参数标签冒号的作用. XAlign 是一个 Xcode 的实用插件,用于对齐规范代码.除了插件作者 qfish 提供的 3 种对齐格式,还可以自定义任意你想要的格式. 示例 qfish 分享的 3 张示例图( Gif ),如下: 1. 按首个 = 对齐 2. 按宏定义群组对齐 3. 按属性群组对齐 安装 1. 自动安装 $ curl github.so/XAlign/build/install.s

uva-1593 代码对齐

题意如下: 输入若干行代码,要求各列单词的左边界对齐且尽量靠左. 单词之间至少要空一格.每个单词不超过80个字符, 每行不超过180个字符,一共最多1000行. 注意输出时每行的最后一列后面没有空格符. 代码如下:代码中有详细的注释! #include<iostream> #include<sstream> #include<string> #include<vector> using namespace std; vector<string>

sublime text2 配置代码对齐快捷键

menu under Preferences → Key Bindings – User [{"keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}}] 保存马上生效,并且不需要选中代码,可以直接用命令ctrl+shift+r就能对齐代码了

vim插件之tabular，代码对齐强迫症必备

本周整理一批别人写的代码,要处理好所有的注释和缩进. 碰到那种大片的赋值或者注释或者宏定义,但又没对齐的,简直太难看了. 于是手工对了几个,觉得确实不是人干的活,心想这种需求应该有工具自动搞定才对啊,于是google了一把 果然,插件在此,tabular https://github.com/godlygeek/tabular 再配合多行编辑插件vim-multiple-cursors,搬砖效率成倍提升啊 https://github.com/terryma/vim-multiple-curso

代码对齐问题

个人比较习惯用sourceinsight编辑代码,然后在MDK内编译,再下载到板子上,之前没发现对齐的问题,最近发现tab键对齐还是有问题的,sourceinsight的tab是4字符,而mdk的tab是2字符,所以缩进的时候会对齐出问题: 按照如下设置后MDK的tab缩进就好: 另外在sourceinsight内设置tab转换成空格字符 不过写代码还是最好用空格,少用tab缩进,我个人还是爱好用tab缩进,一次缩进4个字符,方便快捷.

算法习题---5.1代码对齐（UVa1593）

一:题目 将不规范的若干行代码进行对齐.对齐按照最长字符串进行操作.见样例输入 (一)样例输入 ??start:??integer;????//?begins?here stop:?integer;?//??ends?here ?s:??string; c:???char;?//?temp 注: ? 表示空格 (二)样例输出 start: integer; // begins here stop: integer; // ends here s: string; c: char; // temp