預標籤輸出所需的不同顏色，但具有相同的對齊

我想顯示一個完整的程序代碼使用pre標籤。這樣做是爲了顯示不同的顏色，我這裏面臨的問題是在資源管理器中我得到的代碼行，因爲它最初被寫，但各行縮進不正確用於例如：顯示與錯誤預標籤輸出所需的不同顏色，但具有相同的對齊

fn(){ 
    int i=0; 
    while (i<n) 
    { 
     printf("this is test"); 
    } 
}

壓痕

fn(){ 
    int i=0; 
    while (i<n) 
    { 
    printf("this is test"); 
    } 
}

和在IE一些其他計算機或Mozilla它顯示與多餘行距

<html><head><style type="text/css">span.nonexec {color:red;font-family:"Cambria Math";line-height:inherit;font-size:small;}span.exec {color:green;font-family:"Cambria Math";line-height:inherit;font-size:small;}pre { white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;class="notranslate";}</style></head><body><pre><span class ="exec">fn(){  </span><span class ="nonexec">int i=0;  </span><span class ="exec">while (i<n)  {   </span><span class ="nonexec">printf("this is test");  } }</span></pre></body></html>

有人可以幫助我如何修改它，這樣我可以在相同的格式有碼

在此先感謝

來源

2012-01-06 AKS