div跟span的區別
在布局中會用到DIV或者SPAN。下面，我們來看看div和span有哪些區別吧。
操作方式
-
01
行內元素和塊級元素
SPAN為行內元素，也就是不會對結構布局發生影響，而DIV則為塊級元素，會零丁占有一行。 -
02
例子
好比在body中輸入幾個div和span，代碼如下：
<div>
<div class="divStyle">我是div</div>
<div class="divStyle">我是div</div>
<span class="spanStyle">我是SPAN</span>
<span class="spanStyle">我是SPAN</span>
</div> -
03
演示圖
點擊調試按鈕，在瀏覽器中打開演示圖，可以看到div會另起一行，而span則會顯示在統一行，如下圖所示： -
04
將行內元素改變當作塊級元素
利用【display:inline】即可將行內元素改變當作塊級元素了，代碼如下：
.divStyle
{
display:inline
} -
05
顯示圖
在瀏覽器中的演示圖，如下圖所示： - End
- 發表于 2018-04-03 00:00
- 閱讀 ( 586 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章