• 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 欢迎来到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.cuhw.com.cn/wenji/w53766.shtml

  • 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14