IE6IE7不支持inline-block解决方法

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

看代码:


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

新手上路 , 欢迎反驳!

你可能感兴趣的:(前端)