欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

正因为第一点成分,所以咱们屡屡组织小一小块一些细节时刻会用到span标签。

1、文章问题列表布局使用span
好比布局文章标题列表时候,左边标题,左边时间或作者时辰,可以或许使用span标签。让题目a链接靠左(float:left),让时日或作者使用span标签浮动靠右(float:right)。(扩大熟悉 span与div区别)

标题列表布局,红色可以使用span
标题列表布局,赤色也许使用span

ul.abc li a{float:left}
ul.abc li span{float:right}

因为每一个li只使用一次a和一次span使用咱们就毋庸再加class或id从而靡费代码。直接用css指向秉承配置需求CSS便可。

使用span标签布局小局部
使用span标签组织小有部分

以上示范实例CSS和内容不完竣,只不过列出和写出关头CSS代码与形式,根据要害使用扩展需求。

这里人人会想到span也可能换成使用div标签呀,为甚么要用比div多一个字母span?
谜底是,因为小部门小细节尽量使用小标签比喻span、em等这类标签,而组织结构额外大结构时刻我们才用div 。

2、文章中需要扭转翰墨使用span
在颁布一篇文章中,假如要对一些或个别字独自配置CSS格局时,这个时候咱们就可能使用span,如果使用div默许状况下文章就会换行,而span不窜改模式结构又能实现咱们要设置装备摆设CSS格式。

span单独设置文章中一些字样式
span径自设置文章中一些字格局

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w53766.shtml