html - 水平线 inline-block IE7

Question

我想连续放置 3 条水平线。有谁知道如何在 IE7 的 inline-block 中显示一条水平线？

这是我的 CSS:

hr.small {
    width: 28.9%;
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    height: 3px;
    border: 0px;
    color: #7c8690;
    background-color: #7c8690;
}

但它不起作用。

这是 JSFiddle 链接:http://jsfiddle.net/sRuz3/6/

谁有解决办法

非常感谢。

Answer 1

给你:http://jsfiddle.net/eq3Z2/

它也适用于 IE7。

当然，他们不是 HR。它们是 DIV。尝试将 HR 呈现为内联元素正在绊倒 IE7，但我不知道解决方法。