tab-size与Tab空格缩进实例页面

展示

/* 这是一段使用Tab缩进的代码 */
pre {
	white-space: pre-wrap;
	font-size: 100%;
}

/* 这是一段使用Space缩进的代码 */
pre {
    white-space: pre-wrap;
    font-size: 100%;
}

/* 这是一段使用Tab缩进的代码，同时设置了tab-size:4 */
pre {
	white-space: pre-wrap;
	font-size: 100%;
}

代码

• HTML：

  <pre>/* 这是一段使用Tab缩进的代码 */
  pre {
      white-space: pre-wrap;
      font-size: 100%;
  }</pre>
  <pre>/* 这是一段使用Space缩进的代码 */
  pre {
      white-space: pre-wrap;
      font-size: 100%;
  }</pre>
  
  <pre class="tab-size">/* 这是一段使用Tab缩进的代码，同时设置了tab-size:4 */
  pre {
      white-space: pre-wrap;
      font-size: 100%;
  }</pre>

• CSS：

  .tab-size {
      -moz-tab-size: 4;
      tab-size: 4;
  }