div與span區別及用法
div與span區別及用法
以下是在沒有對開發網頁頁面設置css樣式時候情況下,系統默認情況下的介紹
div與span區別
div占用的位置是一行,
span占用的是內容有多寬就占用多寬的空間距離,說明如下圖

分析:從上圖很容易知道“我是內容一;用的div”和“我是內容二;用的div”兩個內容外部用的是<div>標簽,他們得到樣式是占用了一排空間(相當于換行一樣);而“我是內容三;用的span”和“我是內容四;用的span”則,文字內容有多寬,就占用多寬距離,使用<span>標簽和不使用一樣效果。在網頁開發的時候使用div和span都可以,通常可以理解為沒有什么區別。但注意的是div占用一行,span不會占用一行,內容占多大寬度,span就有多寬。div內的span無需命名css選擇器偽類,例子如下
以下是在沒有對開發網頁頁面設置css樣式時候情況下,系統默認情況下的介紹
div與span區別
div占用的位置是一行,
span占用的是內容有多寬就占用多寬的空間距離,說明如下圖

分析:從上圖很容易知道“我是內容一;用的div”和“我是內容二;用的div”兩個內容外部用的是<div>標簽,他們得到樣式是占用了一排空間(相當于換行一樣);而“我是內容三;用的span”和“我是內容四;用的span”則,文字內容有多寬,就占用多寬距離,使用<span>標簽和不使用一樣效果。在網頁開發的時候使用div和span都可以,通常可以理解為沒有什么區別。但注意的是div占用一行,span不會占用一行,內容占多大寬度,span就有多寬。div內的span無需命名css選擇器偽類,例子如下