问题大意如下:在html中,用一个div显示消息的内容,当内容多于两行时后面的内容就隐藏掉,请问大侠,用js怎么做?感谢!
解决方案 »
- 在线支付功能怎么做的 还有把钱冲到会员 这个怎么做出来的
- 点击表格某行的图片,怎么得到该行某一列的值
- 有没有可手动调整列宽度的表格?
- 特别特别奇怪的问题 看起来没问题 怎么好说密码不一致呢
- 表单付值的问题?不可思意?
- 请问怎么在JAVASCRIPT里判断是否为数字型数据?另外,怎么格式化数值型数据成两位小数?
- 各位我想实现这样一个功能请指点
- 帮忙给一个三层的树状菜单,结构清洗一些,谢谢了!
- 如何在javascript中使用asp中定义的变量
- extjs ItemSelector如何发起一次请求,左右两边都加载不同的数据
- 制作JSP网站怎么验证HTML标签?
- 请问一个用event限制输入数字的问题
<div style="width:200px;height:200px;text-overflow:clip;">
...
</div>
aaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccc
dddddddddddddddddddddddd
</div>
div的高度,宽度你写固定的就可以了
border:1px solid red;
height:2em;
line-height:1em;
overflow:hidden">
第一行的内容<br/>
第二行的内容<br/>
第三行的内容
</div><br/><div style="width:160px;
border:1px solid red;
height:2em;
line-height:1em;
overflow:hidden;">
问题大意如下:在html中,用一个div显示消息的内容,
当内容多于两行时后面的内容就隐藏掉,请问大侠,
用js怎么做?感谢!
</div>
aaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccc
dddddddddddddddddddddddd
</div>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="showStrDiv">
在html中,用一个div显示消息的内容,当内容多于两行时后面的内容就隐藏掉,请问大侠,用js怎么做
</div>
</body>
<script>
//截取字符串,超长的部分用省略号代替
String.prototype.overHide = function(length)
{
var tmp = 0;
var len = 0;
var okLen = 0;
var okStr = "";
for(var i = 0;i < length;i++)
{
if(this.charCodeAt(i) > 255) tmp += 2; //大于255表示汉字,一个汉字为2个字符
else len += 1;//小于等于255表示字符或者数字,为1个字符
okLen += 1; //计数器,等于length
if(tmp + len == length)
{
okStr = this.substring(0,okLen);
break;
}
if(tmp + len > length)
{
okStr = this.substring(0,okLen - 1);
break;
}
}
if(okStr < this) return okStr + "...";
else return this + "";
}
alert("Div显示的全部消息内容:" + document.getElementById("showStrDiv").innerText);
var str = document.getElementById("showStrDiv").innerText;
document.getElementById("showStrDiv").innerText = str.overHide(12);
</script>
</html>