Question

我有这样的CSS：

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 100px;
}

当我通过

运行CSSLint时

csslint --ignore=star-property-hack test.css

它仍然显示此错误：

width can't be used with display: inline.
    width: 100px;

有没有修复？

Answer 1

这是正确的...当显示内联时，宽度没有意义。为什么要将显示设置为内联而不是内联块？

尽管如此，尝试将star属性放在具有相同选择器的另一种样式中：

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    width: 100px;
}

.inline-block {
    *display: inline;
}

Answer 2

显示：如果您需要支持IE6（IE7及以后了解 display：inline-block 而没有问题），则需要仅内联故障转移。我建议如下：

如果您需要支持IE6：

将hack分成conditional stylesheet，仅适用于IE6：

在您的主样式表中：

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    width: 100px;
}

在ie6.css：

.inline-block {
    display: inline;
    zoom: 1;
}

如果您不需要支持IE6：

只需使用代码：

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    width: 100px;
}

快乐。