Heim > Backend-Entwicklung > PHP-Tutorial > div的float:left与span标签

div的float:left与span标签

WBOY
Freigeben: 2016-07-29 09:03:13
Original
1937 Leute haben es durchsucht

<div style="width: 300px;">
	<div style="float: left;width: 100px;">
		我是div
	</div>
	<span >
		span
	</span>
	<span>
		span
	</span>
</div>
Nach dem Login kopieren

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

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

div与span区别

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage