RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
设置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;
}

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

显示效果如下:

设置css文本自动换行的方法


   
      
   
   
   
      测试1
      

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

测试2

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

显示效果如下:

设置css文本自动换行的方法

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


网站题目:设置css文本自动换行的方法
文章网址:http://scyingshan.cn/article/pogdhi.html