单行、多汗省略号

最新推荐文章于 2023-10-27 16:14:50 发布

weixin_30852419

最新推荐文章于 2023-10-27 16:14:50 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yidengbone/p/7171302.html

1.单行省略号：

CSS：需要加上宽度(width:100px)、超出隐藏（overflow:hidden;）、强制在同一行显示（white-space: nowrap;）、省略号（text-overflow:ellipsis;）
示例：p{width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
2.多行省略：
引入js:<script src="../../Scripts/jQuery.dotdotdot-master/src/jquery.dotdotdot.min.js"></script>
$('.pic_txt td').dotdotdot({
                wrap: 'letter',
                height: 40,
                tolerance: 10
            });

转载于:https://www.cnblogs.com/yidengbone/p/7171302.html