猿问

怎么让一个元素里的文字超出后用...显示

比如一个div里的p标签。P标签内文字如果超出我想要的宽度 让它以...形式展示

橙熟boss
浏览 1880回答 3
3回答

echo_kinchao

$(document).ready(function(){    //限制字符个数    $(".class").each(function(){        var maxwidth=23;        if($(this).text().length>maxwidth){            $(this).text($(this).text().substring(0,maxwidth));            $(this).html($(this).html()+'...');        }    });});

荼酒

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div{ width: 8em; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; } </style> </head> <body> <div> this is a demo! </div> </body> </html>

橙熟boss

啥地方是地方
随时随地看视频慕课网APP
我要回答