Rumah > pembangunan bahagian belakang > tutorial php > div的float:left与span标签

div的float:left与span标签

WBOY
Lepaskan: 2016-07-29 09:03:13
asal
1930 orang telah melayarinya

<div style="width: 300px;">
	<div style="float: left;width: 100px;">
		我是div
	</div>
	<span >
		span
	</span>
	<span>
		span
	</span>
</div>
Salin selepas log masuk

上述代码中div是float:left,span没有float:left,但是span标签还是显示在div标签的右边,而不是被div标签覆盖。这是因为span标签是一个行内元素不是块级元素。

?接下来附上它们两个
的区别:

div与span区别

区别在于,div?是一个块级(block-level)元素,它包围的元素会自动换行。而span仅仅是一个行内元素(inline element),在它的前后不会换行。没有结构上的意义,纯粹是应用样式,当其他行内元素都不合适时,就可以使用元素。需要注意的是,标记可以包含于标记之中,成为他的子元素,而反过来则不成立,即标记不能包含标记

以上就介绍了div的float:left与span标签,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan