文字长度超过一定量,则截断显示“更多”点击查看剩余内容,不超不显示 js php实现的都可以有做过的高手请帮下忙

解决方案 »

  1.   

    中文的话,用mbstring会比较好。
      

  2.   

    用php就能解决了。用for循环来截取字符串,条件判断的时候,判断字符是2字节(汉字)还是1字节(字母、数字)就可以了
      

  3.   

    内容是中文的 不过怎么用for循环判断 当内容>400个字符时就显示 "更多"按钮 点击按钮显示剩余内容 else不显示"更多"按钮 该怎么写
      

  4.   

    function getsre($str,$len){
     $strlrn=strlen($str);
    if($strlrn<$len){
    return $str;
    }else{
    rerurn substr($str,0,$len)."...";
    }}//我记得貌似是这样的
      

  5.   

    非中文的话好控制,比如这样。        function limitwords($string, $limit = 250) {
    if(strlen($string) < $limit) {return $string;}
    $regex = "/(.{1,$limit})\b/";
    preg_match($regex, $string, $matches);
    return $matches[1].' more';
    }中文的话,用mbstring,而且之前最好要mb_convert_encoding(),统一一下编码。
      

  6.   

    要截取内容是从数据库获取的 <?php echo $row[content]?> 不知道怎么加这些代码
      

  7.   

    用CSS加JS控制就可以了
    首先CSS设置一个固定高度,超出隐藏,下面加个更多,点击的时候把这个高度设置为auto就可以了
      

  8.   

    light86内容是从数据库读的 当内容超出限制高度 给div设置高度 超出部分隐藏显示”更多“按钮 怎么在点击时显示剩余内容
      

  9.   

    css可以操作CSS属性啊,当点击更多的时候把css的高度设置为auto就显示了
      

  10.   

    我写个DEMO给你吧,很简单的
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <div style="width:200px; height:200px; border:#999 1px solid; overflow:hidden; float:left;" id="more1">测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容</div><span onclick="document.getElementById('more1').style.height='auto'"> 显示更多</span>
    </body>
    </html>
      

  11.   

    不要用后台php来截取,那样的话还要考虑utf-8,麻烦。
    直接完整数据传给前段,前段通过css设置,即可截断并用“更多”显示。