display：none和inline-block同时使用

Question

我想对div元素使用 display：inline-block ，同时使用 display：none 对其进行隐藏。是不是？

div {display:inline-block;display:none;}

Answer 1

这是不可能的。因为将采用display属性的最后一个值。

我想你想显示div inline但是隐藏它吧？ 所以：

div { 
    display:inline-block;
    visibility: hidden;
}

Answer 2

您可以使用隐藏类来控制可见性，如下所示：

的CSS

div {display:inline-block;}
.hide{display:none;}

HTML

<div>inline</div>
<div class="hide">hide</div>

使用Javascript：

 div.classList.add('hide');
 div.classList.remove('hide');

http://jsfiddle.net/9zmGu/1/

Answer 3

编辑：使用切换工作jsfiddle：jsfiddle.net/7seWm/2

工作jsfiddle：http://jsfiddle.net/7seWm/

如果你想用jquery改变它，请使用：

的CSS：

div {display:none;}

jquery的：

$("#divid").css("display", "inline-block");

Answer 4

如果您想隐藏它，但他也占用空间，请使用您的显示规则和visibility:hidden