在需要呈現程式碼的網頁，我們會用<pre>和<code>寫。但是瀏覽器有對程式碼區塊預設的樣式，這時會遇到一個問題，就是預設對於程式碼tab縮排是8個字母，在網頁上真是難看。
感謝CSS Text Level 3, 我們有一個全新的CSS屬性tab-size來控制縮排，它的值就是縮排的字母數目。所以只要設tab-size: 4或tab-size: 2就能讓網頁上的程式碼顯示為我們習慣在編輯器裡的編排模式。
甚至也可以設為0，不過你應該不會想這樣做。如果瀏覽器不支援的話，也只會以最原始的8個字母空格顯示，不會破壞其他的畫面。
iThome鐵人賽
看影片追技術