2014-01-12 32 views
1

我可以使用visible屬性從視圖中隱藏圖標,但看起來圖標的寬度爲零。我怎樣才能讓圖標看不到,但它仍然使用空間?如何讓圖標不可見但仍保留其尺寸?

+0

我認爲這是可見性之間的差異:隱藏;並顯示:無。使用第一個來實現你正在尋找的東西。例如:http://webdesign.about.com/od/examples/l/blfaqhidden.htm –

+0

如果你包含一個小問題的例子,這個問題會更清楚。 –

回答

3

兩個選項,你可以去。

  1. visibility:hidden;這將隱藏元件,並給出所分配的空間。

  2. opacity:0;這將使元素變得蒼白,仍然有它的位置。

附加信息:你可以改變0和1之間的值來改變它的透明性。

1

能見度
visibility屬性指定由一個元件產生的框 是否被渲染。

隱藏 生成的框是無形的(完全透明的,沒有什麼是 繪製),但仍然影響佈局。此外,如果 元素具有「可見性:可見」,則它們的後代將可見。

visibility: hidden; 

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

1

你可以試試:

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

顯示無不會給予任何空間元素&元素的行爲就好像它不存在於HTML。雖然這將是DOM

accessable在你的情況下

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

是要求

能見度:隱藏使得元素看不見,但它仍保留它的尺寸。

這是一個非常重要的面試問題的CSS

相關問題