Css visibility和display的使用
在CSS樣式中,我們如果要設置一個html元素不可見,可以用visibility=hidden,也可以用 display=none。這二者有什麼區別? 下面一起來看下
操作方法
(01)首先看下我們例子的html代碼,主要是二個div,分別有樣式v, 和d, 這二個div都有一個父div,父div樣式名都是fc<div class="fc"> <div class="v"> visibility的使用 </div> </div> <div class="fc"> <div class="d"> display的使用 </div> </div>
(02)看下二個div的樣式,.v, .d的樣式現在都是完全一樣的,如圖,我們主要設置了背景色,寬度和高度
(03)再看下父div的樣式,設置了另一個顏色作背景色,並加了最小高度,如圖
(04)先看下頁面顯示效果,如圖,二個div的顯示效果都一樣。
(05)我們先為第一個div加上visibility: hidden,讓它隱藏起來,
(06)顯示效果如圖,可以看到,這個div隱藏看不到了,但它的父div還是顯示100px的高度(這個是已經隱藏的div的高度)。所以用visibility: hidden隱藏元素後,元素雖然不可見了,但還會佔有原來的空間。
(07)我們再為第二個div加上display: none,讓它隱藏起來,
(08)看下頁面顯示效果,如圖。第二個div隱藏不見了,而且它的父div顯示的高度只有10px,就是它自己的樣式min-height的值。而不是隱藏的div的高度(100px)所以,用display: none隱藏元素後,元素不可見,而且不會佔有原來的空間。這就是這二種方法的區別,大家在使用時,根據自己的需要來選擇用哪種。
-
路由器有信號沒網絡
隨着科技的發展,電腦的網絡連接也由線路連接變為更加方便的無線連接。路由器就是連接網絡的設備,它適用於各種機型的電子設備。為人們的生活提供便利。操作方法(01)將網線連接到路由器WAN口,再把電腦連接到路由器的LAN口,把路由器的線斷掉,設置路由器,再給路由器連接電...
-
支付寶怎麼註銷賬户
支付寶(中國)網絡技術有限公司是國內領先的第三方支付平台,致力於提供“簡單、安全、快速”的支付解決方案。支付寶公司從2004年建立開始,始終以“信任”作為產品和服務的核心。旗下有“支付寶”與“支付寶錢包”兩個獨立品牌。自2014年第二季度開始成為當前全球最...
-
FLYME7系統怎麼樣?
魅族公司作為國產手機的領航者,每一款新產品都會受到用户們的期待,那麼即將推出的最新Flyme7系統怎麼樣呢?一起來了解一下。操作方法(01)Flyme是國內操作系統的標杆,同MIUI能夠並驅前行,之前MIUI9已經發布,讓很多人看到了驚豔,Flyme7卻還在醖釀,很多人都在期待。(02)最近魅...
-
SQL SERVER如何創建數據庫關係圖
數據庫的關係圖可以讓表的關係可視化,通過關係圖,我們可以直觀的分析表和表之間是一對多關係還是多對一關係。下面小編來給大家演示如何在SQLSERVER中創建數據庫關係圖。操作方法(01)首先打開SQLSERVER的管理工具,找到要操作的數據庫,然後展開文件夾,選擇數據庫關係圖...