MENU

字符串加载更多显示方式

September 13, 2016 • PHP

“阅读更多”这个功能相信大家都遇到过,即摘要内容如果过多的情况下让其显示...,但是什么方式最好最优雅呢?

下面介绍2种简单的方法,分别是服务端和前端的2种操作方式。

  1. 通过后端截取字符串的方式
    以PHP为例。使用substr或者是mb_substr函数来进行截取返回给前端显示。

    echo substr('我是一个将要bei截取的字符串..aaaAAAbbb,,,.。', 0, 10);

    OR

    echo mb_substr('我是一个将要bei截取的字符串..aaaAAAbbb,,,.。', 0, 10);

    上面两种方式截取出来的字符串如果内容中包含中英文等字符会导致截取的字符长度不一样,也就导致了在前端显示的时候长短不一,很不美观。所以还是推荐使用下面一种方式,也很灵活。

  2. 前端通过CSS样式来控制
overflow:hidden; // 溢出部分隐藏
text-overflow:ellipsis; // 文本不进行换行
white-space:nowrap; //当文本溢出包含元素时显示省略号
Leave a Comment