div跟span的區別
來源:酷知科普網 9.93K
在佈局中會用到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)顯示圖在瀏覽器中的演示圖,如下圖所示: