Maison > développement back-end > tutoriel php > div的float:left与span标签

div的float:left与span标签

WBOY
Libérer: 2016-07-29 09:03:13
original
1930 Les gens l'ont consulté

<div style="width: 300px;">
	<div style="float: left;width: 100px;">
		我是div
	</div>
	<span >
		span
	</span>
	<span>
		span
	</span>
</div>
Copier après la connexion

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

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

div与span区别

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal