网站建设过程中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来设置换行,如果还有其他疑问可以联系我们(武汉网站建设公司)的在线客服。祝您生活愉快!
相关文章:网站建设意义何在?切记不要盲目建站、网站建设必备流程要素