IE6IE7不支持inline-block解决方法

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

你的微笑像拥抱

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

阅读量668

点赞数

分类专栏：前端文章标签： 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>