需要清晰截断文本以显示更多内容

Question

使用这个javascript来显示更多，是否有一种简单的方法可以使文本切断，以便显示整行文本（不会水平切片）？

            <div id="description" style="height: 20px; overflow: hidden">
                    Lots of text.
            </div>
            <a href="#" id="more-less">Show more/less>></a>
            <script>
            var open = false;
            $('#more-less').click(function() {
                if (open) {
                    $('#description').animate({height:'20px'}); 
                }
                else {
                    $('#description').animate({height:'100%'});
                }
                open = !open;
            });

如果它更容易，我可以截断<br />标签。

Answer 1

将20px更改为ems中的值，例如2em。一个em（大约？）等于一条线的高度。您还应该在ems中的p标记上设置边距和填充。