html pre标签有什么办法去除前面空格？

html pre标签有什么办法去除前面空格？

因为编辑器问题保存总会格式化代码，自动加缩进，很苦恼导致浏览器上空出一大截，请问各位有什么办法解决呢，第二张图是浏览器显示的

去除首行前面多余空格：

<pre>example code</pre>

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}<!--让pre标签里面的内容碰到父级”容器“时候自动换行-->

 

function toRightFormat(){
var changeViewObj = document.getElementById("preId");
var changeViewVal = changeViewObj.innerHTML;
var subStrTmp = changeViewVal.indexOf("\n",0);

var subStrTmp_2 = changeViewVal.substring(0,subStrTmp-1).match(/[\S]/);//第一个非空格字符
var subStrTmp_3 = changeViewVal.substring(0,subStrTmp-1).indexOf(subStrTmp_2);//第一个非空格字符所在位置
changeViewObj.innerHTML = changeViewVal.substring(0,subStrTmp-1).substring(subStrTmp_3,subStrTmp);//去掉<pre>前面空格后的第一行
  var lastStr = changeViewVal.substring(subStrTmp,changeViewVal.length);//第一行后的所有内容
changeViewObj.innerHTML += "<br>";
  var tempStr = "<pre>" + lastStr + "</pre>";//如果不加一个<pre>在里面的话，+=操作会让后面的换行符变成空格。找寻了许多解决方案，最后都没有搞定。于是便使用这个了……
  changeViewObj.innerHTML += tempStr;