网站建设过程中span标签作为行内元素如何使用

2017年 / 05月31日

    网站建设过程中span标签作为组合文档中的行内元素如何使用.span 没有固定的格式表现.当对它应用样式时,它会产生视觉上的变化.当内容过长时,我们可以通过overflow: hidden;设置隐藏溢出部分,但有的应用场景下我们希望内容能够自动换行,比如商城的产品信息展示里的产品名称.下面就有武汉网站建设公司-盛世互联为大家介绍网站建设过程中span标签作为组合文档中的行内元素如何使用。

 

    这里我们需要用到的就是CSS里的white-space属性.white-space 属性设置如何处理元素内的空白.相关属性值如下:

    normal默认值,空白会被浏览器忽略。

 

    pre 空白会被浏览器保留.其行为方式类似 HTML 中的

 

 标签

 

    nowrap文本不会换行,文本会在在同一行上继续,直到遇到  标签为止. 

 

    pre-wrap保留空白符序列,但是正常地进行换行. 

 

    pre-line合并空白符序列,但是保留换行符. 

 

    inherit规定应该从父元素继承 white-space 属性的值. 

 

    以上为大家介绍了span相关属性的介绍,希望对大家有所帮助,另外平常编写代码的过程中可以使用normal或pre-wrap来设置换行,如果还有其他疑问可以联系我们(武汉网站建设公司)的在线客服。祝您生活愉快! 

 

相关文章:网站建设意义何在?切记不要盲目建站网站建设必备流程要素