请问对于未换行,明显分割的 CSS/HTML 代码怎么才能使之更好阅读?

This topic created in 3485 days ago, the information mentioned may be changed or developed.

http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css
比如这种..我把它下载下来,用 VS code 打开,但是主体代码部分还是揉在一团..
我想如果可以在每一个}之后插一个回车应该会很好很多..
自己初学没什么技术,想把}替换成}+回车,然而发现回车键无法成为替换内容..
<br />
所以,这种东西应该怎么处理可以使之更好阅读.
谢谢

回车

替换

代码

初学

9 replies • 2016-12-02 14:14:26 +08:00

xycool

Dec 2, 2016

![](

) 搜类似关键字就好了。

publicID002

Dec 2, 2016 via Android

启用正则替换，然后用\n 表示换行符也许可以

starvedcat

Dec 2, 2016

格式化代码，英文 format code
主流 IDE 都有这功能，快捷键搜一下
可以下载一个 webstorm ， ctrl+alt+L

wwqgtxx

Dec 2, 2016 via iPhone

用 chrome 的 F12 查看，他会提示你要不要自动格式化

xycool

Dec 2, 2016

@wwqgtxx 哇，刚试了一下，还能这样。火星了。感谢!

wolyshaw

Dec 2, 2016

把 min 去掉就是没有压缩的版本了， http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.css

coderluan

Dec 2, 2016

为了提高加载速度， css/js 文件都会压缩的，后缀一般是.min.css/js 。
换句话说，这个代码本来就不是给你读的，一般给你读的都有对应的文件，把.min 去掉就行了。
所以楼主直接看这个网页就 ok 了。
http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.css

Newyorkcity

Dec 2, 2016

@starvedcat
@coderluan
谢谢~!

wildcat007

Dec 2, 2016

7 楼的知识点学到了~感谢