Question

使用<pre></pre> 标签的时候，显示出来的代码前面的空白过多

如果在html里把前面的缩进都去掉就好了，但是有没有不减少html源码里缩进的办法啊？
怎么用css解决呢？ 如果直接white-space的话原来代码的缩进就都没有了，怎么办
左图是html源码 右图是浏览器渲染的结果





Answer 1

空白是红框这里导致的，解决方法一：将代码往前缩进（缺点：格式代码的时候会恢复原样）。解决方法二：pre{tab-size:2;}（缺点：tab-size太小的话，缩进的效果就会变得不明显）。

Answer 2

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

追问

就是我能不能让前面那些多余的缩进消失

追答

这是写什么，不可以不用那标签吗

Answer 3

table 右缩进
shit +table左缩进

Answer 4

这样连着写：
<pre>内容</pre>