Javascript 砌体风格搭配css2，实现更好的浏览器兼容性

有没有办法在css2中使用砖石网格来实现更好的浏览器兼容性

我知道使用css3属性的方法，但我关心旧的浏览器。 而且js插件太低，无法附加格式化的网格

---

谢谢。

是的，可以使用

css2+jQuery 请参见此处的演示-

html

<div id="container">
    <div class="item w1 h1"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h2"></div>
    <div class="item w2 h1"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h2"></div>
    <div class="item w2 h1"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h2"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h2"></div>
    <div class="item w2 h1"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h2"></div>
    <div class="item w2 h1"></div>
    <div class="item w1 h1"></div>
    <div class="item w1 h2"></div>
</div>

---

css3 并使用纯css3演示-

---

酷jQuery插件

[两者都适用于IE8+和现代浏览器，包括iOS上的移动浏览器和Android]

    #container {
    border: 2px solid;
    padding: 5px;
}
.item {
    float: left;
    margin: 5px;
    background: #4D4;
}
.w1 {
    width: 70px;
}
.h1 {
    height: 70px;
}
.w2 {
    width: 150px;
}
.h2 {
    height: 150px;
}