• 如何实现两行文本增多显示省略号


     1 <!DOCTYPE html>
     2 <html lang="en">
     3 
     4 <head>
     5     <meta charset="UTF-8">
     6     <title>Document</title>
     7     <style type="text/css">
     8     * {
     9         margin: 0;
    10         padding: 0;
    11     }
    12     
    13     .txt {
    14         width: 200px;
    15         line-height: 24px;
    16         background: #ddd;
    17         color: #f00;
    18         margin-bottom: 10px;
    19     }
    20     </style>
    21 </head>
    22 
    23 <body>
    24     <div class="main">
    25         <class="txt">
    26             天津市人民检察院第一分院起诉书指控:被告人令计划利用其担任中共中央办公厅副主任、主任、中央书记处书记、中央统战部部长、全国政协副主席等职务上的便利,为他人谋取利益,索取、非法收受他人巨额财务;非法获取国家秘密,情节严重;滥用职权,致使公共财产、国家和人民利益遭受重大损失,情节特别严重。对令计划,依法应当以受贿罪、非法获取国家秘密罪、滥用职权罪追究刑事责任。
    27         </p>
    28         <class="txt">
    29             借助庞大的投资
    30         </p>
    31         <class="txt">2013年,又成立了中晋股权投资基金管理(上海)有限公司,印制了股权投资基金协议,通过互联网大量招聘经验丰富的客户经理,向社会不特定对象公开宣传,以年化利率4%-12%的回报吸收资金。</p>
    32     </div>
    33 </body>
    34 <script type="text/javascript" src="js/zepto.min.js"></script>
    35 <script type="text/javascript">
    36 // 这个不太实际,因为只能解决一行的,如果多行内容,显示的都一样
    37 // var $len = $(".txt").text().length;
    38 // if ($len > 30) {
    39 //     var $main = $(".txt").text().substr(0, 30) + "...";
    40 //     $(".txt").html($main)
    41 // }
    42 
    43 // 这个可以实现多行的,内容增多显示省略号
    44 $(".txt").each(function() {
    45     if ($(this).text().length > 30) {
    46         $(this).html($(this).text().substr(0, 30) + "...")
    47     }
    48 })
    49 
    50 
    51 // 这个不太实际,因为只能解决一行的,如果多行内容,显示的都一样
    52 // function twoLine(id, num) {
    53 //     var txtId = document.getElementById(id);
    54 //     var txtLen = txtId.innerHTML.length;
    55 //     if (txtLen >= num) {
    56 //         var newMain = txtId.innerHTML.substr(0, num) + "..."
    57 //         txtId.innerHTML = newMain;
    58 //     }
    59 // }
    60 // twoLine("txt", 30)
    61 
    62 // 这个不太实际,因为只能解决一行的,如果多行内容,显示的都一样
    63 // function twoLine(id, num) { // var txtId = $(id); // var txtLen = txtId.text().length; // if (txtLen >= num) { // txtId.html(txtId.text().substr(0, num) + "...") // } // } // twoLine(".txt", 30)
    64 </script>
    65 
    66 </html>
  • 相关阅读:
    VMware虚拟机安装红帽系统无法上网解决办法(转)
    二维指针的malloc内存分配(转)
    c语言中如何通过二级指针来操作二维数组
    如何把一个二维数组的地址赋给一个二维指针?
    二维数组及二维指针的传递及一些思考(转)
    js怎么让时间函数的秒数在页面上显示是变化的
    jquery 实现各种统计图网址
    WEB的相关知识总结
    JS同名方法,
    web components思想如何应用于实际项目
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/5490173.html
Copyright © 2020-2023  润新知