多行文字溢出显示省略号函数

来源：互联网发布：java适用于什么环境编辑：程序博客网时间：2024/04/30 01:58

单行文字溢出时用省略号代替

1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;

多行文字溢出是显示省略号css

overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*你需要的行数*/-webkit-box-orient: vertical;

多行文字溢出时用省略号代替函数

<span style="font-family: Arial, Helvetica, sans-serif;">//多行文字溢出显示省略号</span>

<span style="font-family: Arial, Helvetica, sans-serif;">//请先引入jquery.js</span>

function figcaption(){$(".figcaption").each(function(i){var divH = $(this).height();var chdeq = $(this).children().eq(0);var s = chdeq.text().toString();var ws =s.length;if( parseInt(chdeq.outerHeight()) > parseInt(divH) ){for(var i=0; i<ws; i++){chdeq.text(s.substring(0,i<4?s.length-i:s.length-4)+'...');s = chdeq.text().toString();if( parseInt(chdeq.outerHeight()) <= parseInt(divH) ){break;}}}});}

0 0