html中pre标签中tab制表符使用4个空格代替的解决方案

在网页显示中我们经验用pre标签原样显示,但是在pre标签中tab制表符是空8个格,而我们希望一个tab制表符值空4个空格,先看下面的效果,然后给出解决方案

看下面一段代码,在pre标签中有如下内容

0
	1
		2
			3

再看下面一段代码

0
    1
        2
            4

明显下面的样式要更适合在网页中展示,上面两个的区别是第一个每行递增一个tab制表符,而下面的代码使用四个空格代替的tab制表符,用鼠标选择时就能感觉出差别了,其实很多网站在处理是都会把tab制表符换成4个空格的(可以在javaeye上做下测试),那些一般都是在后台程序写的,虽然用4个空格代替tab制表符,在复制粘贴时带来了不好的用户体验,但是好处也是显而易见的,就是可以展示给用户看时有更好的视觉效果,而且代码在编译或者在编辑器显示时tab和4个空格的区别也不是很大,所以建议大家在写自己独立博客或者编辑网页时还是把html中pre标签里的tab制表符换成4个空格比较好.

我们在写网页时怎么快速的降所有tab制表符换成四个空格呢?
我这里使用的是UrltaEdit编辑器,应该使用EditPlus之类的文本编辑器也是一样的(没有用除UltraEdit之外的文本编辑器测试过)

1.使用UltraEdit打开要替换的页面
2.找到某一个tab制表符,选中,复制(ctrl+c),打开替换窗口(ctrl+r),查找什么已经默认有了一个制表符了,在替换为里 敲4个空格
3.点全部替换(alt+a),这样就替换成功了,保存就可以了