CSS中display:block的作用介紹
發(fā)布時(shí)間：2013-09-24 09:44:41 作者：佚名 
我要評(píng)論
我要評(píng)論到現(xiàn)在可能有人不知道display:block的作用，問(wèn)了一句在div的元素里面寫(xiě)display：block有用嗎？至于這個(gè)問(wèn)題可以詳細(xì)參考喜下本文，希望對(duì)大家有所幫助
<div>是塊元素，那在布局時(shí)候，在div的元素里面寫(xiě)display：block有用嗎？
回答：對(duì)所有的塊元素都沒(méi)有意義，塊元素的dispaly屬性默認(rèn)值為block，沒(méi)必要再顯式定義——除非你之前對(duì)塊元素的display屬性重新定義過(guò)。
===========================
多羅嗦一句：
display：block；比較常用于<a><span>這兩個(gè)標(biāo)簽——因?yàn)檫@兩個(gè)標(biāo)簽非塊元素，如果不用display：block定義一下，那么定義width、height等和長(zhǎng)寬相關(guān)的css屬性時(shí)會(huì)發(fā)現(xiàn)完全不生效。你可以實(shí)際寫(xiě)幾行簡(jiǎn)單代碼感受一下。
===========================
是不是div里就沒(méi)有必要寫(xiě)display：block呢？通常情況下是沒(méi)有必要的。
常見(jiàn)的特殊情況：之前曾對(duì)div設(shè)置過(guò)display：hidden。
回答：對(duì)所有的塊元素都沒(méi)有意義，塊元素的dispaly屬性默認(rèn)值為block，沒(méi)必要再顯式定義——除非你之前對(duì)塊元素的display屬性重新定義過(guò)。
===========================
多羅嗦一句：
display：block；比較常用于<a><span>這兩個(gè)標(biāo)簽——因?yàn)檫@兩個(gè)標(biāo)簽非塊元素，如果不用display：block定義一下，那么定義width、height等和長(zhǎng)寬相關(guān)的css屬性時(shí)會(huì)發(fā)現(xiàn)完全不生效。你可以實(shí)際寫(xiě)幾行簡(jiǎn)單代碼感受一下。
===========================
是不是div里就沒(méi)有必要寫(xiě)display：block呢？通常情況下是沒(méi)有必要的。
常見(jiàn)的特殊情況：之前曾對(duì)div設(shè)置過(guò)display：hidden。
相關(guān)文章
深入解析CSS的display:inline-block屬性的使用
這篇文章主要介紹了CSS的display:inline-block屬性的使用,其中對(duì)使用時(shí)產(chǎn)生的空隙問(wèn)題的解決作了重點(diǎn)講解,需要的朋友可以參考下2015-11-09- 在一般的CSS布局制作時(shí)候，我們常常會(huì)用到display對(duì)應(yīng)值有block、none、inline這三個(gè)值。下面我們來(lái)分別來(lái)認(rèn)識(shí)和學(xué)習(xí)什么時(shí)候用什么值。這里通過(guò)CSS display知識(shí)加實(shí)例講解2014-09-02
- visiblity 是設(shè)置元素的可見(jiàn)性，即可見(jiàn) / 隱藏；display 是設(shè)置元素按什么樣的方式來(lái)顯示，是按塊顯示，不了解的朋友可以參考下2014-02-24
css中display和visibility的用法和區(qū)別介紹
css中display和visibility想必前臺(tái)美工對(duì)它并不陌生吧，如果你感覺(jué)自己對(duì)它還不是很熟悉的話，不妨了解本文對(duì)display和visibility的使用介紹2013-11-17談?wù)凜SS隱藏元素(display,visibility)的區(qū)別
在CSS中，讓元素隱藏（指屏幕范圍內(nèi)肉眼不可見(jiàn)）的方法很多，有的占據(jù)空間，有的不占據(jù)空間；有的可以響應(yīng)點(diǎn)擊，有的不能響應(yīng)點(diǎn)擊2013-04-09IE6下css設(shè)置容器高度的BUG不能小于某個(gè)值
在IE6中設(shè)置display:block的空容器為一個(gè)較小高度時(shí)不知道大家有沒(méi)有注意到其高度不能小于某個(gè)值，接下來(lái)為您詳細(xì)介紹下IE6中容器高度的BUG，感興趣的你可以參考下本文2013-03-06CSS display:block在Firefox下顯示布局錯(cuò)亂問(wèn)題
本文向大家介紹一下如何解決CSS display:block在Firefox下顯示布局錯(cuò)亂問(wèn)題，按照常理，對(duì)于某一單元行需要顯示時(shí)，使用CSS display:block屬性，在IE瀏覽器中顯示正常，但2012-12-30基于display:table的CSS布局讓HTML元素和像table一樣
display:table的CSS聲明能夠讓一個(gè)HTML元素和它的子節(jié)點(diǎn)像table元素一樣。使用基于表格的CSS布局，使我們能夠輕松定義一個(gè)單元格的邊界、背景等樣式，而不會(huì)產(chǎn)生因?yàn)槭褂昧?/div> 2012-12-07CSS布局帶來(lái)的巨大影響:CSS display屬性值
網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介：網(wǎng)頁(yè)元素應(yīng)用上那些與表格相關(guān)的display屬性值后，能夠模仿出與表格相同的特性。我將會(huì)在該文中給大家演示這種方法給CSS布局帶來(lái)的巨大影響。2009-04-02網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介：這篇文章所講的也是非常使用的技術(shù)，其中牽涉到其他的技術(shù)，也需要大家有所了解。正好這兩天也在看這方面的資料，提供一些資料給大家參考。2009-04-02最新評(píng)論