设置css文本自动换行的方法-创新互联

这篇文章主要介绍了设置css文本自动换行的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

CSS3包含几个额外的功能，如下：

1.文本溢出

2.自动换行

3.字断

CSS3中有以下最常用的属性：

1.文本溢出

文本溢出属性确定如何向用户发出未显示的溢出内容的信号。文本溢出的示例示例如下所示 ：

   
      
   
   
   
      测试1
   
      

         创新互联建站提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
      
      
      测试2
   
      

         创新互联建站提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
      
      
      测试3
   
      

         创新互联建站提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精客家话通，一站式php自学平台！
      
      
   

2.自动换行：

自动换行用于打破行并换行到下一行。以下代码将包含示例语法 ：

p {
   word-wrap: break-word;
}

下面的代码显示了断字的示例代码：

显示效果如下：

   
      
   
   
   
      测试1
      

        创新互联建站提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台
      
      
      测试2
   
      

         创新互联建站提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台
      
      
   

显示效果如下：

感谢你能够认真阅读完这篇文章，希望小编分享设置css文本自动换行的方法内容对大家有帮助，同时也希望大家多多支持创新互联建站，关注创新互联网站制作公司行业资讯频道，遇到问题就找创新互联建站，详细的解决方法等着你来学习!