|
1塊元素（例如div）在沒(méi)有任何布局屬性作用時(shí)，默認(rèn)排列方式是換行排列； 2它不論大小默認(rèn)占一行，而且可以設(shè)置寬高以及外邊距 3內(nèi)聯(lián)元素（例如span、a）在沒(méi)有任何布局屬性作用時(shí)， 默認(rèn)排列方式是在同行排列，直到寬度超出包含它的容器寬度時(shí)才自動(dòng)換行。 4內(nèi)聯(lián)元素是不可以設(shè)置高度與寬度的.. 5div是塊級(jí)元素， 6span是行內(nèi)元素，它占它自身大小的位置，而且不能設(shè)置寬高以及邊距 內(nèi)聯(lián)元素-->塊級(jí)元素 其實(shí)當(dāng)內(nèi)聯(lián)元素通過(guò)display:block;聲明后它也可以轉(zhuǎn)換為塊元素！ 這個(gè)經(jīng)常用于當(dāng)你一個(gè)塊中放一張圖片，要讓圖片水平居中的時(shí)候 （示例：<img src="logo.gif" style="display:block;margin:0 auto;" />） 塊元素是可以轉(zhuǎn)換成內(nèi)聯(lián)元素的,只是轉(zhuǎn)換的時(shí)候,高度和寬度不起作用了.. (div display:inline) 這樣div將變?yōu)樾袃?nèi)元素 要想實(shí)現(xiàn)既可以設(shè)置寬高，邊距，又可以不占一行，則display:inline-block 比如span, a等標(biāo)簽無(wú)法指定寬度和高度，想要指定它們的高度和寬度需要對(duì)它們進(jìn)行塊化 也就是說(shuō)span{display:block;} 分享知識(shí)，分享快樂(lè)！希望中國(guó)站在編程之巔！ ----融水公子 公眾微信號(hào)：rsgz520 360圖書(shū)館館號(hào)：rsgz002.360doc.com |
|
|
