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

 

posted on 2018-05-05 10:30  沐霖Sicada  阅读(131)  评论(0编辑  收藏  举报