jquery控制超出2行写省略号

最新推荐文章于 2024-05-08 14:14:24 发布

原创最新推荐文章于 2024-05-08 14:14:24 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

myWork-- 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一种使用固定宽度字体进行文本截断的方法，并通过计算字母数量与当前字体大小来实现文本的自动换行。这种方法特别适用于需要精确控制文本显示长度的场景。

</style>
	<script type="text/javascript">  
    $(function () {  
        $(".figcaption").each(function (i) {  
            var divH = $(this).height();  
            var $p = $("p", $(this)).eq(0);  
            while ($p.outerHeight() > divH) {  
                $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));  
            };  
        });  
        });  
    </script>
</head>
<body>
<div class="test_demo">
  超酷的IT技术学习平台（我是省略号）大是大非防守打法范德萨发生
</div>
<div class="figcaption">  
        <p>  
            You probably can't do it (currently?) without a fixed-width font like Courier. With  
            a fixed-width font every letter occupies the same horizontal space, so you could  
            probably count the letters and multiply the result with the current font size in  
            ems or exs. Then you would just have to test how many letters fit on one line, and  
            then break it up.</p>  
 </div>