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文档

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

得。

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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值