如何使图标不可见但仍保留其尺寸?

时间:2014-01-12 08:06:05

标签: html css

我可以使用visible属性从视图中隐藏图标,但似乎图标的宽度变为零。我该怎么做才能看到图标但是仍然使用空间?

4 个答案:

答案 0 :(得分:3)

您可以选择两个选项。

  1. visibility:hidden;会隐藏元素并提供分配的空间。

  2. opacity:0;会使元素变得苍白并仍然占有一席之地。

  3. 附加信息:您可以更改0到1之间的值以更改其透明度。

答案 1 :(得分:1)

显示none不会给元素提供任何空间&元素的行为就好像HTML中不存在一样。虽然它可以通过dom访问

在你的情况下

         Visibility:hidden //just paste it in css property of the icon

是要求

可见性:隐藏使元素不可见但仍保留其尺寸。

这是非常重要的css面试问题

答案 2 :(得分:0)

  

能见度
  visibility属性指定是否为框   由元素生成的渲染。

     

     

隐藏   生成的框是不可见的(完全透明,没有   绘制),但仍会影响布局。此外,后代的   如果元素具有“可见性:可见”,则该元素将可见。

visibility: hidden;

http://www.w3.org/wiki/CSS/Properties/visibility

答案 3 :(得分:0)

您可以尝试:

display:none; // hide the icon
display:block; // show the icon