为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

橙熟boss 2015-09-16 13:51:56
比如一个div里的p标签。P标签内文字如果超出我想要的宽度 让它以...形式展示
查看完整描述

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()+'...');

        }

    });

});


查看完整回答
1 反对 回复 2015-09-16
?
荼酒

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>


查看完整回答
2 反对 回复 2015-09-16
?
橙熟boss

TA贡献1条经验 获得超0个赞

啥地方是地方

查看完整回答
反对 回复 2015-09-16
  • 3 回答
  • 2 关注
  • 1879 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信