比如一個div里的p標簽。P標簽內文字如果超出我想要的寬度 讓它以...形式展示
怎么讓一個元素里的文字超出后用...顯示
橙熟boss
2015-09-16 13:51:56
3 回答
已采納
echo_kinchao
TA貢獻600條經驗 獲得超86個贊
$(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()+'...');
? ? ? ? }
? ? });
});
-
橙熟boss非常感謝！
荼酒
TA貢獻133條經驗 獲得超96個贊
<!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>
添加回答
舉報
0/150
提交
取消