设置一个 <pre> 元素的 tab-size - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <style>
    #t1 {
      tab-size: 4;
      -moz-tab-size: 4;
      /* 针对 Firefox 的代码 */
      -o-tab-size: 4;
      /* 针对 Opera 的代码 */
    }

    #t2 {
      tab-size: 16;
      -moz-tab-size: 16;
      /* 针对 Firefox 的代码 */
      -o-tab-size: 16;
      /* 针对 Opera 的代码 */
    }
  </style>
</head>
<body>
  <pre id="t1">
    I use tab-size 4
  </pre>

  <pre id="t2">
    I use tab-size 16
  </pre>

  <p><b>注意：</b>目前只有 Chrome 支持 tab-size 属性。</p>
  <p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-tab-size 属性。</p>
  <p><b>注意：</b>Opera 支持另一个可替代该属性的属性，即 -o-tab-size 属性。</p>

</body>
</html>
        