设置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文本自动换行的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!

本文名称：设置css文本自动换行的方法
文章转载：http://cdxtjz.com/article/pogdhi.html