inline-block的兼容问题--（用脚本生成标签的兼容）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <span class="first">one</span>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script>
        $(".first").after("<span>你好</span>");
    </script>
</body>

</html><span style="color:#ff0000;">
</span>

经过测试发现用脚本动态生成的标签，不需要兼容，呈现效果没有空隙。所以有些疑惑，下面就慢慢说。

inline-block的兼容性问题出现是因为我们在写html文档的时候，为了容易阅读而

人为加了换行，去掉换行就没有空隙了。但是有的博客说如果是脚本生成的标签

无法控制，会产生空隙，所以还是用那些兼容方法（参考inline-block的前世今生）

可是那种兼容方法要按照不同大小的字体尺寸来做特定修改，也就是说不同的字号，

要设置不同的letter-space，个人觉得好麻烦。所以试了一下用脚本生成标签，发现

在ie7中兼容性良好

并没有产生所谓的空隙，所以觉得与其为了兼容性而写那么多的代码，还不如把html文档

上传之前压缩一下来的简单，这样做不仅简单，而且节省带宽，相当于做了优化，一举两

得。

不知道是不是我测试的浏览器不够多，还是应用场景不是够全面，所以如果哪位大神发现

有错误的地方，请多多指教。