版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Gannicus_Zhu/article/details/51240081
网上下的很多模板会吧css代码中的换行了空格全去掉，导致难以阅读或修改，所以写了一个灰常简单的js脚本，可以再页面中把代码还原：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<textarea col="10" id="text01"></textarea>
<button onclick="change()">变变变</button>
<script>
function change(){
var origin = document.getElementById("text01").value;
var text = origin.split('');
for(i=0;i<text.length;i++){
if(text[i]=="{") text[i] = text[i]+"<br>"+" ";
if(text[i]==";") text[i] = text[i]+"<br>"+" ";
if(text[i]=="}") text[i] = "<br>"+text[i]+"<br><br>";
}
text = text.join("");
document.write(text);
}
</script>
</body>
</html>把你的代码放入输入框，单击变变变，然后把变换出来的代码复制回去就ok啦～