文章标题过长，造成文字换行

最新推荐文章于 2023-12-20 05:59:26 发布

侯卓

最新推荐文章于 2023-12-20 05:59:26 发布

阅读量3.7k

点赞数

分类专栏： HTMLCSS

本文链接：https://blog.csdn.net/zhuixunhebe1/article/details/20630879

版权

HTMLCSS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

其实是个很简单的问题，文章标题过长，造成文字换行，影响显示效果。

于是后台代码开始 length 判断，一会发现中文和英文宽度不同，很难判断出来。

记得以前看到过 CSS 可以来控制，于是 Google.

 
 .title{ width:331px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
 
  
 < 
 span  
 class 
 =title 
 > 
 客户端解决标题显示太长省略多余部分并加省略号的样式 
 </ 
 span 
 > 
  
  
 < 
 div  
 class 
 =title 
 > 
 客户端解决标题显示太长省略多余部分并加省略号的样式 
 </ 
 div 
 > 