在CSSLint中完全忽略星型黑客？

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

没错..。当显示为内联时，宽度没有意义。为什么要将display设置为inline而不是inline-block？

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

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

.inline-block {
    *display: inline;
}

Answer 2

display: inline failover只有在您需要支持IE6的情况下才需要 (IE7和更高版本理解display: inline-block没有问题)。我会推荐以下几点：

如果您需要支持IE6：

仅针对IE6，将hack分离到conditional stylesheet中：

主样式表中的：

.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;
}

并保持快乐。