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】即可將行內元素轉變成塊級元素了，代碼如下： tyle { display:inline }

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