IE6IE7不支持inline-block解决方法

最新推荐文章于 2018-09-28 10:18:27 发布

你的微笑像拥抱

最新推荐文章于 2018-09-28 10:18:27 发布

阅读量655

点赞数

分类专栏：前端文章标签： ie 6 ie 7 in-inline 兼容性

本文链接：https://blog.csdn.net/dfydn/article/details/55272601

版权

前端专栏收录该内容

29 篇文章 0 订阅

订阅专栏

解决方法：
*display:inline;
*zoom:1;
zoom是IE专有的，它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性等。但很遗憾的是，它通不过W3C验证。

看代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: red;
            display: inline-block;
            *display: inline;
            *zoom:1;
        }
    </style>
</head>
<body>
    <div>div</div>
    <div>div</div>
    <div>div</div>
</body>
</html>

新手上路，欢迎反驳！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

你的微笑像拥抱

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6IE7不支持inline-block解决方法

解决方法： *display:inline; *zoom:1; zoom是IE专有的，它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性等。但很遗憾的是，它通不过W3C验证。
复制链接

扫一扫