亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

css中display和visibility的用法和區(qū)別介紹

  發(fā)布時(shí)間：2013-11-17 17:08:34   作者：佚名   我要評論
css中display和visibility想必前臺美工對它并不陌生吧，如果你感覺自己對它還不是很熟悉的話，不妨了解本文對display和visibility的使用介紹

Display的屬性值
 
block：
/*表現(xiàn)為一個(gè)塊級元素（一般情況下獨(dú)占一行）*/
當(dāng)display被設(shè)置為block(塊)時(shí)，容器中所有的元素將會被當(dāng)作一個(gè)單獨(dú)的塊，就像<DIV>元素一樣，它會在那個(gè)點(diǎn)被放入到頁面中。(實(shí)際上你可以設(shè)置<span>的display:block，使其可以像<DIV>一樣工作。
inline:
/*表現(xiàn)為一個(gè)行級元素（一般情況下不獨(dú)占一行）*/

將display設(shè)置為inline，將使其行為和元素inline一樣---即使它是普通的塊元素如<DIV>，它也將會被組合成像<span>那樣的輸出流。
none:
/*元素不可見，并且不為其保留相應(yīng)的位置*/
最后是display被設(shè)置：none,這時(shí)元素實(shí)際上就從頁面中被移走，它下面所在的元素就會被自動跟上填充。
 
visibility的屬性值

visibility:visible
/*元素可見，默認(rèn)值*/

visibility:hidden
/*元素不可見，但仍然為其保留相應(yīng)的空間*/

visibility:collapse
/*只對table對象起作用，能移除行或列但不會影響表格的布局。如果這個(gè)值用在table以外的對象上則表現(xiàn)為hidden。*/

visibility:inherit
/*繼承上級元素的visibility值。*/
 
Visibility:none 和 Display:hidden 的區(qū)別

display:none;
使用該屬性后，HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”;
visibility:hidden;
使用該屬性后，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據(jù)的空間位置仍然存在，也即是說它仍具有高度、寬度等屬性值。

相關(guān)文章

  • 深入解析CSS的display:inline-block屬性的使用

    這篇文章主要介紹了CSS的display:inline-block屬性的使用,其中對使用時(shí)產(chǎn)生的空隙問題的解決作了重點(diǎn)講解,需要的朋友可以參考下
    2015-11-09

  • 詳解css中的display屬性

    在一般的CSS布局制作時(shí)候，我們常常會用到display對應(yīng)值有block、none、inline這三個(gè)值。下面我們來分別來認(rèn)識和學(xué)習(xí)什么時(shí)候用什么值。這里通過CSS display知識加實(shí)例講解
    2014-09-02

  • css中visiblity和display異同詳解

    visiblity 是設(shè)置元素的可見性，即可見 / 隱藏；display 是設(shè)置元素按什么樣的方式來顯示，是按塊顯示，不了解的朋友可以參考下
    2014-02-24

  • CSS中display:block的作用介紹

    到現(xiàn)在可能有人不知道display:block的作用，問了一句在div的元素里面寫display：block有用嗎？至于這個(gè)問題可以詳細(xì)參考喜下本文，希望對大家有所幫助
    2013-09-24

  • 談?wù)凜SS隱藏元素(display,visibility)的區(qū)別

    在CSS中，讓元素隱藏（指屏幕范圍內(nèi)肉眼不可見）的方法很多，有的占據(jù)空間，有的不占據(jù)空間；有的可以響應(yīng)點(diǎn)擊，有的不能響應(yīng)點(diǎn)擊
    2013-04-09

  • IE6下css設(shè)置容器高度的BUG不能小于某個(gè)值

    在IE6中設(shè)置display:block的空容器為一個(gè)較小高度時(shí)不知道大家有沒有注意到其高度不能小于某個(gè)值，接下來為您詳細(xì)介紹下IE6中容器高度的BUG，感興趣的你可以參考下本文
    2013-03-06

  • CSS display:block在Firefox下顯示布局錯亂問題

    本文向大家介紹一下如何解決CSS display:block在Firefox下顯示布局錯亂問題，按照常理，對于某一單元行需要顯示時(shí)，使用CSS display:block屬性，在IE瀏覽器中顯示正常，但
    2012-12-30

  • 基于display:table的CSS布局讓HTML元素和像table一樣

    display:table的CSS聲明能夠讓一個(gè)HTML元素和它的子節(jié)點(diǎn)像table元素一樣。使用基于表格的CSS布局，使我們能夠輕松定義一個(gè)單元格的邊界、背景等樣式，而不會產(chǎn)生因?yàn)槭褂昧?/div> 2012-12-07

  • CSS布局帶來的巨大影響:CSS display屬性值

    網(wǎng)頁制作Webjx文章簡介：網(wǎng)頁元素應(yīng)用上那些與表格相關(guān)的display屬性值后，能夠模仿出與表格相同的特性。我將會在該文中給大家演示這種方法給CSS布局帶來的巨大影響。
    2009-04-02

  • CSS教程：inline-block在各瀏覽器的顯示

    網(wǎng)頁制作Webjx文章簡介：這篇文章所講的也是非常使用的技術(shù)，其中牽涉到其他的技術(shù)，也需要大家有所了解。正好這兩天也在看這方面的資料，提供一些資料給大家參考。
    2009-04-02

最新評論