div中的内容溢出后如何以省略号结尾

方法一

样式：

html代码

<div id="intro_info" class="right_right_bottom_middle_bottom_top">  

</div>
<div class="right_right_bottom_middle_bottom_bottom">
    <a href="__URL__/com_intro_content?menu_id=10" target="_blank" style="color:#434343;text-decoration:none">更多 >></a>
</div>

<input type="hidden" id="text" value='{$text}' >  

js代码

  //企业简介上的字符串截取
splitString($("#text").val());
//字符串截取
function splitString( str ){
    var sub_length = 130 ;
    var all_str = str.replace(/[^\x00-\xff]/g,"**");//精髓
    var new_str = all_str.substring(0,sub_length);
    var end;
    //找出有多少个*
    var x_length = new_str.split("\*").length - 1 ;
    var hanzi_num = x_length /2 ;
    sub_length = sub_length - hanzi_num ;//实际需要sub的长度是总长度-汉字长度
    var res = str.substring(0,sub_length);
    if(sub_length < str.length ){
        end  = res + "……</p>";
    }else{
        end  = res +"</p>";
    }
   $("#intro_info").html(end);
}

更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/web/Skills/

方法二

html代码：

<tr class="tr" id="{$vo.news_id}">
                        <td>
                            <input type="hidden" value="{$vo.news_id}">
                            <input name="check" type="checkbox">
                        </td>
                        <td valign="middle">{++$n}</td>
                        <td class="title" title="{$vo.title}">{$vo.title}</td>
                        <td>{$vo.create_time||date="Y-m-d H:i:s",###}</td>
                        <td>{$vo.page_view}</td>
                        <td>
                            <a href="__APP__/View/View/news_content?news_type={$vo.news_type}&news_id={$vo.news_id}" target="_blank" style="margin-left:0px">预览</a>
                            <a href="__URL__/news_edit?news_id={$vo.news_id}&is_pic={$vo.is_pic}" style="margin-left:10px">编辑</a>
                            <a href="javascript:void(0)" class='del' style="margin-left:10px">删除</a>
                        </td>
                </tr>

js代码：

/*限制表格中标题中显示的字数*/
    for(var i=0;i<$('.tr').length;i++){
        var title = $('.title').eq(i).html();
        if(title.length>20){
            var title1=title.substring(1, 20);
            $('.title').eq(i).html(title1+"...");
        }
    }

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索html
， substring
， 代码
， 长度
， title
， var
， div限制字数html标签
SplitString
div文字溢出省略号、div 溢出省略号、css溢出省略号、文字溢出省略号、css文本溢出省略号，以便于您获取更多的相关知识。