CSS教程:詳解visibility屬性CSS控制內(nèi)容顯示_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
MB5U.com原創(chuàng),未經(jīng)本站同意,嚴(yán)禁轉(zhuǎn)載!
我們先看看什么是CSS的visibility屬性?
設(shè)置或檢索是否顯示對象。
請區(qū)別與display屬性不同,此屬性為隱藏的對象保留其占據(jù)的物理空間。也就是說:
visibility屬性取值為hidden時(shí),只是改變了元素的可見性,元素所占有的空間依然存在。
visibility是一個(gè)不可繼續(xù)的屬性,假如希望對象為可視,其父對象也必須是可視的。
CSS的visibility屬性有些哪取值?
inherit:繼續(xù)上一個(gè)父對象的可見性
visible:對象可視
hidden:對象隱藏
collapse:主要用來隱藏表格的行或列。隱藏的行或列能夠被其他內(nèi)容使用。對于表格外的其他對象,其作用等同于hidden。IE5.5尚不支持此屬性。
我們看下面的兩個(gè)例子來理解visibility屬性:
我們在文字中插入一個(gè)圖片,請注重文字與圖片的位置。
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們對圖片應(yīng)用visibility:hidden,再來看看效果。
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們發(fā)現(xiàn)圖片不見了,但它所占的空間依然存在,文字的位置沒有發(fā)生任何的變化。
MB5U.com原創(chuàng),未經(jīng)本站同意,嚴(yán)禁轉(zhuǎn)載!
我們先看看什么是CSS的visibility屬性?
設(shè)置或檢索是否顯示對象。
請區(qū)別與display屬性不同,此屬性為隱藏的對象保留其占據(jù)的物理空間。也就是說:
visibility屬性取值為hidden時(shí),只是改變了元素的可見性,元素所占有的空間依然存在。
visibility是一個(gè)不可繼續(xù)的屬性,假如希望對象為可視,其父對象也必須是可視的。
CSS的visibility屬性有些哪取值?
inherit:繼續(xù)上一個(gè)父對象的可見性
visible:對象可視
hidden:對象隱藏
collapse:主要用來隱藏表格的行或列。隱藏的行或列能夠被其他內(nèi)容使用。對于表格外的其他對象,其作用等同于hidden。IE5.5尚不支持此屬性。
我們看下面的兩個(gè)例子來理解visibility屬性:
我們在文字中插入一個(gè)圖片,請注重文字與圖片的位置。
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們對圖片應(yīng)用visibility:hidden,再來看看效果。
代碼調(diào)試框 [www.hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
我們發(fā)現(xiàn)圖片不見了,但它所占的空間依然存在,文字的位置沒有發(fā)生任何的變化。
MB5U.com原創(chuàng),未經(jīng)本站同意,嚴(yán)禁轉(zhuǎn)載!
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS教程:詳解visibility屬性CSS控制內(nèi)容顯示
。