当文本溢出时,会导致意想不到的结果,我在这里用jQuery写了一个当文本超出时自动裁剪并填充。。。的函数(一点微小的工作)
if(type of $.prototype.textAttr !== 'function') {
$.prototype.textAttr=function(){
$(this).each(function(index, el) {
let width = parseInt($(this).css('width'));
var size = parseInt($(this).css('font-size'));
var maxTextNum = parseInt(width / size) - 1;
if ($(this).html().length >= maxTextNum) {
let str = $(this).html().trim();
str = str.slice(0, maxTextNum - 1);
str += "...";
$(this).text(str);
}
});
};
}
直接使用jQuery的选择器便可调用该方法
$('.test').textAttr();