在布局中會用到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的區別】演示圖
點擊調試按鈕，在瀏覽器中打開演示圖，可以看到div會另起一行，而span則會顯示在統一行，如下圖所示：




04 將行內元素改變當作塊級元素
利用【display:inline】即可將行內元素改變當作塊級元素了，代碼如下：
.divStyle
{
display:inline
}




05 顯示圖
在瀏覽器中的演示圖，如下圖所示：






以上內容就是div跟span的區別的內容啦，希望對你有所幫助哦！

猜你喜歡

• 朋友圈怎么發長圖
• 如何使用支付寶乘坐地鐵
• css怎樣使多個div元素并列一行
• 如何用css設置div與div之間的間距
• css怎么設置div居左、居右、居中
• CSS如何去掉div的邊框
• div在css中透明度怎么調
• 豆芽跟什么搭配才更有營養
• 亞馬遜跟賣監控操作教程
• 鍵盤怎樣清潔干凈