掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流
本文和大家重點討論一下CSS中SPAN和DIV的區(qū)別,SPAN和DIV的區(qū)別在于,SPAN是行內元素,SPAN的前后是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用SPAN。

成都創(chuàng)新互聯公司技術團隊10多年來致力于為客戶提供成都網站建設、成都做網站、品牌網站制作、全網營銷推廣、搜索引擎SEO優(yōu)化等服務。經過多年發(fā)展,公司擁有經驗豐富的技術團隊,先后服務、推廣了成百上千家網站,包括各類中小企業(yè)、企事單位、高校等機構單位。
CSS中SPAN和DIV的區(qū)別
SPAN和DIV的區(qū)別在于,DIV(division)是一個塊級元素,可以包含段落、標題、表格,乃至諸如章節(jié)、摘要和備注等。而SPAN是行內元素,SPAN的前后是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用SPAN。
下面以一個實例來說明這兩個屬性的區(qū)別。
代碼:
SPAN標記有一個重要而實用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能,DIV也被用來在HTML文件中建立邏輯部分。但與SPAN不同,工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標記有一個重要而實用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能,DIV也被用來在HTML文件中建立邏輯部分。但與SPAN不同,工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
【編輯推薦】

我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流