首頁 > 後端開發 > php教程 > div的float:left與span標籤

div的float:left與span標籤

WBOY
發布: 2016-07-29 09:03:13
原創
1930 人瀏覽過

<div style="width: 300px;">
	<div style="float: left;width: 100px;">
		我是div
	</div>
	<span style="">
		span
	</span>
	<span>
		span
	</span>
</div>
登入後複製

上述程式碼中div是float:left,span沒有float:left,但是span標籤還是顯示在div標籤的右邊,而不是被div標籤覆蓋。這是因為span標籤是一個行內元素不是區塊級元素。

?接下來附上它們兩個
的區別:

div與span區別

區別在於,div?是一個塊級(block-level)元素,它包圍的元素會自動換行。而span只是一個行內元素(inline element),在它的前後不會換行。沒有結構上的意義,純粹是應用樣式,當其他行內元素都不合適時,就可以使用元素。需要注意的是,標記可以包含於標記之中,成為他的子元素,而反過來則不成立,即標記不能包含標記

以上就介紹了div的float:left與span標籤,包括了方面的內容,希望對PHP教程有興趣的朋友有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板