csstext-wrap属性使用示例

这篇文章主要为大家详细介绍了css text-wrap属性使用的方法，图文详解容易学习，配合代码阅读理解效果更佳，非常适合初学者入门，感兴趣的小伙伴们可以参考一下。

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都宴会酒店设计小微创业公司专业提供成都企业网站建设营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

css text-wrap属性用于规定文本的换行（折行）规则，其语法是text-wrap: normal|none|unrestricted|suppress；目前主流浏览器都不支持text-wrap属性。

css text-wrap属性怎么用？

作用:text-wrap 属性规定文本的换行（折行）规则。

语法:

text-wrap: normal|none|unrestricted|suppress

说明：

normal    只在允许的换行点进行换行。

none    不换行。元素无法容纳的文本会溢出。

unrestricted    在任意两个字符间换行。

suppress    压缩元素中的换行。浏览器只在行中没有其他有效换行点时进行换行。

注释：目前主流浏览器都不支持 text-wrap 属性。

css text-wrap属性使用示例代码：

 This paragraph contains some text. This line should not breake or wrap to the next line.
 This paragraph contains some text: The line breaks as normal.
注释：目前主流浏览器都不支持 text-wrap 属性。

效果输出：

以上就是css text-wrap属性使用的方法，看完之后是否有所收获呢？如果想了解更多相关内容，欢迎关注创新互联行业资讯！