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

最新推荐文章于 2024-09-27 07:59:41 发布

shitouPlus

最新推荐文章于 2024-09-27 07:59:41 发布

阅读量391

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/shitouPlus/article/details/49101867

版权

JS 专栏收录该内容

58 篇文章 0 订阅

订阅专栏

<!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中兼容性良好