深入理解DIV和SPAN的區(qū)別
發(fā)布時(shí)間：2016-06-14 10:30:41 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)硪黄钊肜斫釪IV和SPAN的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
深入理解DIV和SPAN的區(qū)別
DIV 塊元素，span是行內(nèi)元素
Span的寬度依照包圍著對(duì)象的寬度而定，所以不能用寬度屬性width設(shè)置span標(biāo)記內(nèi)對(duì)象的寬度，但可以設(shè)置span的margin（外補(bǔ)丁）值，span中的對(duì)象位置與父對(duì)象的距離
l Div 塊元素 100% 會(huì)換行
l Span 行內(nèi)元素 文本實(shí)際長度
l 塊元素和行內(nèi)元素也不是一成不變的，通過定義CSS的display屬性值可以互相轉(zhuǎn)化
Eg:#div{display:inherit;} #span{display:block;}
何時(shí)用span
在同一行中，想對(duì)其中文字或圖片設(shè)置樣式，而又不要該行文本換行的條件下，使用span標(biāo)記
以上這篇深入理解DIV和SPAN的區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/cyn941105/p/5581725.html
相關(guān)文章
- 下面小編就為大家?guī)硪黄P(guān)于div中img,span垂直居中的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-26
- 這篇文章主要簡單介紹了Span和Div的區(qū)別，對(duì)于學(xué)習(xí)DIV+CSS的小伙伴們來說，是篇非常不錯(cuò)的文章，也算是對(duì)自己基礎(chǔ)知識(shí)的一次復(fù)習(xí)。2015-01-12
- DIV 和 SPAN 元素最大的特點(diǎn)是默認(rèn)都沒有對(duì)元素內(nèi)的對(duì)象進(jìn)行任何格式化渲染。主要用于應(yīng)用樣式表。兩者最明顯的區(qū)別在于DIV是塊元素，而SPAN是行內(nèi)元素(也譯作內(nèi)嵌元素)。2014-04-03
DIV和SPAN垂直居中對(duì)齊的實(shí)現(xiàn)方法
DIV和SPAN如何垂直居中對(duì)齊，水平居中很簡單，設(shè)置text-align:center就可以了，垂直居中一直很是疑惑，下面為大家解惑2014-02-20
問DIV與SPAN之間有什么區(qū)別？想必很多朋友都是一知半解吧，在這里可以告訴你DIV和SPAN 元素最大的特點(diǎn)是默認(rèn)都沒有對(duì)元素內(nèi)的對(duì)象進(jìn)行任何格式化渲染2021-11-30HTML中div與span的區(qū)別(共同點(diǎn)與不同點(diǎn))
做網(wǎng)頁的朋友想必都不知道HTML中div與span的區(qū)別吧，下面為大家詳細(xì)介紹下兩者的共同點(diǎn)及不同點(diǎn)2013-12-27- html的基本使用包括鏈接、多視窗口FRAMES、樣式表、span和div等等，在本文已給出詳細(xì)的使用介紹，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-10-18
區(qū)別div和span、relative和absolute、display和visibility
div和span、relative和absolute、display和visibility是很容易混淆和弄錯(cuò)的HTML標(biāo)簽與CSS屬性，今天52CSS.com簡單的羅列出它們的區(qū)別與使用要點(diǎn)，供大家參考。2009-12-17HTML中div和span比較_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了HTML中div和span比較，分別介紹了div和span的用法和比較，有興趣的可以了解一下2017-06-21