溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下如何使用CSS中的visibility屬性控制內(nèi)容顯示，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
CSS使用visibility屬性控制內(nèi)容顯示
什么是CSS的visibility屬性？
設置或檢索是否顯示對象。
請區(qū)別與display屬性不同，此屬性為隱藏的對象保留其占據(jù)的物理空間。也就是說：
visibility屬性取值為hidden時，只是改變了元素的可見性，元素所占有的空間依然存在。
visibility是一個不可繼承的屬性，如果希望對象為可視，其父對象也必須是可視的。
CSS的visibility屬性有些哪取值？
inherit：繼承上一個父對象的可見性
visible：對象可視
hidden：對象隱藏
collapse：主要用來隱藏表格的行或列。隱藏的行或列能夠被其他內(nèi)容使用。對于表格外的其他對象，其作用等同于hidden。IE5.5尚不支持此屬性。
我們看下面的一個例子來理解visibility屬性：
我們在文字中插入一個圖片，請注意文字與圖片的位置。
SourceCodetoRun
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <title>52CSS</title> <styletypestyletype="text/css"> *{margin:0;padding:0;font-size:13px;color:#000;} #test{width:300px;margin:20pxauto;background:#ccc;} </style> </head> <body> <dividdivid="test"> 我愛CSS-Web標準化Div+css教程<imgsrcimgsrc="https://cache.yisu.com/upload/information/20210521/366/484967.gif" alt="52CSS.com"/>至力于Web標準在中國的應用及發(fā)展 </div> </body> </html>看完了這篇文章，相信你對“如何使用CSS中的visibility屬性控制內(nèi)容顯示”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
