码迷,mamicode.com
首页 > 其他好文 > 详细

在模版中展示的标题和简介的缩略问题

时间:2018-05-05 11:20:51      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:内容   前端   标题   单行   div   字符截取   环境   psi   png   

起因:本地测试环境开启了mbstring,所以在展示标题和内容的时候直接就用字符截取了

     但是服务器使用的是阿里云的虚拟主机,没办法开启mb_扩展

     所以只好使用前端的css来做字符限制

     而这几个属性确实很不熟悉,故此记录一下

   技术分享图片

正文:

  对于单行的标题,确保设置了高度,之后就设置如下三个css

         
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis

 

      对于内容简介,需要展示多行的,同样确保设置了高度之后,通过调节line-height来控制可以显示几行,代码如下
  line-height:17px;
  overflow:hidden;
  white-space:normal;
  text-overflow:ellipsis

 

在模版中展示的标题和简介的缩略问题

标签:内容   前端   标题   单行   div   字符截取   环境   psi   png   

原文地址:https://www.cnblogs.com/sicada/p/8993895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!