我可以使用visible属性从视图中隐藏图标,但似乎图标的宽度变为零。我该怎么做才能看到图标但是仍然使用空间?
答案 0 :(得分:3)
您可以选择两个选项。
visibility:hidden;
会隐藏元素并提供分配的空间。
opacity:0;
会使元素变得苍白并仍然占有一席之地。
附加信息:您可以更改0到1之间的值以更改其透明度。
答案 1 :(得分:1)
显示none不会给元素提供任何空间&元素的行为就好像HTML中不存在一样。虽然它可以通过dom访问
在你的情况下
Visibility:hidden //just paste it in css property of the icon
是要求
可见性:隐藏使元素不可见但仍保留其尺寸。
这是非常重要的css面试问题
答案 2 :(得分:0)
能见度
visibility属性指定是否为框 由元素生成的渲染。值
隐藏 生成的框是不可见的(完全透明,没有 绘制),但仍会影响布局。此外,后代的 如果元素具有“可见性:可见”,则该元素将可见。
visibility: hidden;
答案 3 :(得分:0)
您可以尝试:
display:none; // hide the icon
display:block; // show the icon