您的位置:首页 > 其它

IE6IE7不支持inline-block解决方法

2017-02-16 21:54 681 查看
解决方法:

*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>


新手上路 , 欢迎反驳!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: