html - 水平线内联 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 崩溃，但我不知道解决方法。