Modernizr:我如何检测CSS显示:table-cell支持?

jmo*_*tes 2 html css modernizr

我想在支持它的浏览器中使用display: tabledisplay: table-cell我的布局.在IE7中我只想浮动我的列(因为我认为它不可能让它在该浏览器中工作),但是找不到任何关于如何使用Modernizr来做它.有人可以帮我吗?

我想我可以使用浏览器条件,但希望不必打破另一个CSS文件.

谢谢!

thi*_*dot 5

如果您只想为IE7应用一个不同的规则,那么我很想不使用Modernizr来完成这项特定的工作.

只需做这样的事情,避免不得不"break out another CSS file":

#menu li {
    display: table-cell;
    *float: left;
}
Run Code Online (Sandbox Code Playgroud)

这使用Star Property Hack为IE7及以下版本提供规则.

另一种选择是!ie7黑客,这是出于某种奇怪的原因,我的最高投票答案.

  • 如果OP关心有效性,请使用`*+ html #menu li {float:left; 相反.(当然我们现在不需要`*html`对吧?) (3认同)