首页 > 后端开发 > 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 >
		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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板