"<HTML>
<title>css控制字数</title>
<head>
<style type=""text/css"">
.dd
{
border: solid 1px gray
width:180px
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
course:hand
}
</style>
</head>
<body>
<span CLASS=""dd"">
信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数
</span>
<br>
<div CLASS=""dd"">
信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数
</div>
</body>
</HTML>
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
试试这个： limit.jsview plaincopy to clipboardprint?function limit(){
var txtNote//文本框
var txtLimit//提示字数的input
var limitCount//限制的字数
var isbyte//是否使用字节长度限制（1汉字=2字符）
var txtlength//到达限制时，字符串的长度
var txtByte
this.init=function(){
txtNote=this.txtNote
txtLimit=this.txtLimit
limitCount=this.limitCount
isbyte=this.isbyte
txtNote.onkeydown=function(){wordsLimit()}txtNote.onkeyup=function(){wordsLimit()}
txtLimit.value=limitCount
}
function wordsLimit(){
var noteCount=0
if(isbyte){noteCount=txtNote.value.replace(/[^\x00-\xff]/g,"xx").length}else{noteCount=txtNote.value.length}
if(noteCount>limitCount){
if(isbyte){
txtNote.value=txtNote.value.substring(0,txtlength+Math.floor((limitCount-txtByte)/2))
txtByte=txtNote.value.replace(/[^\x00-\xff]/g,"xx").length
txtLimit.value=limitCount-txtByte
}else{
txtNote.value=txtNote.value.substring(0,limitCount)
txtLimit.value=0
}
}else{
txtLimit.value=limitCount-noteCount
}
txtlength=txtNote.value.length//记录每次输入后的长度
txtByte=txtNote.value.replace(/[^\x00-\xff]/g,"xx").length
}
}
function limit(){
var txtNote//文本框
var txtLimit//提示字数的input
var limitCount//限制的字数
var isbyte//是否使用字节长度限制（1汉字=2字符）
var txtlength//到达限制时，字符串的长度
var txtByte
this.init=function(){
txtNote=this.txtNote
txtLimit=this.txtLimit
limitCount=this.limitCount
isbyte=this.isbyte
txtNote.onkeydown=function(){wordsLimit()}txtNote.onkeyup=function(){wordsLimit()}
txtLimit.value=limitCount
}
function wordsLimit(){
var noteCount=0
if(isbyte){noteCount=txtNote.value.replace(/[^\x00-\xff]/g,"xx").length}else{noteCount=txtNote.value.length}
if(noteCount>limitCount){
if(isbyte){
txtNote.value=txtNote.value.substring(0,txtlength+Math.floor((limitCount-txtByte)/2))
txtByte=txtNote.value.replace(/[^\x00-\xff]/g,"xx").length
txtLimit.value=limitCount-txtByte
}else{
txtNote.value=txtNote.value.substring(0,limitCount)
txtLimit.value=0
}
}else{
txtLimit.value=limitCount-noteCount
}
txtlength=txtNote.value.length//记录每次输入后的长度
txtByte=txtNote.value.replace(/[^\x00-\xff]/g,"xx").length
}
} 页面调用：view plaincopy to clipboardprint?
<html>
<body>
<input id="txtNote" />
还可输入<input type="text" id="txtCount" />个字符
</body>
<mce:script type="text/javascript"><!--
var lim=new limit()
lim.txtNote=document.getElementById("txtNote")
lim.txtLimit=document.getElementById("txtCount")
lim.limitCount=20
lim.isbyte=true
lim.init()
// --></mce:script>
</html>
