主頁(yè) > 知識(shí)庫(kù) > SPAN元素和DIV元素有的區(qū)別

SPAN元素和DIV元素有的區(qū)別
熱門(mén)標(biāo)簽：400電話辦理安徽 江西防封卡外呼系統(tǒng)怎么安裝 電銷(xiāo)機(jī)器人的宣傳語(yǔ) 電銷(xiāo)智能機(jī)器人靠譜么 南寧外呼電銷(xiāo)系統(tǒng)招商 南通電話外呼系統(tǒng)開(kāi)發(fā) 北京銷(xiāo)售外呼系統(tǒng)線路 沸思外呼線路 石家莊電話機(jī)器人電話
前幾天做自適應(yīng)Skin的時(shí)候了解了一下塊(block)的含義。發(fā)現(xiàn)了這樣的一個(gè)問(wèn)題。
SPAN元素和DIV元素有什么區(qū)別 
解決思路：
最明顯的區(qū)別是：DIV是塊元素，SPAN是內(nèi)嵌元素。塊元素相當(dāng)于內(nèi)嵌元素在前后各加一個(gè)br>換行。其實(shí)，塊元素和行內(nèi)元素也不是一成不變的，只要給塊元素定義display:inline，塊元素就成了內(nèi)嵌元素，同樣地，給內(nèi)嵌元素定義了display: block就成了塊元素了。
具體步驟：

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

技巧：有些朋友會(huì)說(shuō)DIV是層標(biāo)簽，其實(shí)HTML里是沒(méi)有層這個(gè)說(shuō)法的，只不過(guò)是為了易于理解，Dreamweaver里才這樣寫(xiě)的，每個(gè)對(duì)象都可以成為 “層”，只需要給對(duì)象定義position屬性(值為absolute或relavite)。例如，要讓圖片成為“層”，可以這樣寫(xiě)代碼：

特別提示
本例代碼運(yùn)行效果（點(diǎn)運(yùn)行代碼）所示，為了更能說(shuō)明問(wèn)題，這里給塊元素和內(nèi)嵌元素都加了1像素寬的紅色實(shí)線邊框，從圖中可以看到， DIV默認(rèn)為塊元素，定義display屬性值為inline后以?xún)?nèi)嵌元素顯示，而SPAN默認(rèn)為內(nèi)嵌元素，定義display屬性值為block后則以塊元素顯示。
特別說(shuō)明

本例主要說(shuō)明了display屬性的兩個(gè)值block和inline的用法及意義。 

標(biāo)簽：來(lái)賓 云南 鹽城 晉中 陽(yáng)泉 北海 寧夏 衢州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《SPAN元素和DIV元素有的區(qū)別》，本文關(guān)鍵詞  SPAN,元,素和,DIV,元素,有的,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《SPAN元素和DIV元素有的區(qū)別》相關(guān)的同類(lèi)信息！
  • 本頁(yè)收集關(guān)于SPAN元素和DIV元素有的區(qū)別的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章