首页 > 其他 > 详细

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

时间:2018-05-05 10:38:47      阅读:165      评论:0      收藏:0      [点我收藏+]

起因:本地测试环境开启了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

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!