您的位置：首页 > 其它

文字越界换行

2016-01-05 23:07 357 查看 


<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div {
padding: 10px;
width: 200px;
height: 200px;
border: 1px solid red;
margin: 20px;
float: left;
display: inherit;
text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
table-layout: fixed;
word-break: break-all;
}

#DDD {
border: 0px;
clear: both;
height: 400px;
width: auto;
}
textarea{
resize: none;
width: 600px;
height: 100px;
padding: 5px 10px 5px;
border: 1px solid burlywood;
font-size: 16px;
font-family: script;
}
textarea:focus{
border: 1px solid blue;
}
</style>

<script language="javascript">
//countChar(a,b)为多行文本框统计输入字符
function countChar(textareaName, spanName) {
var maxLimit = 100;
var textArea = document.getElementById(textareaName);
var spanCount = document.getElementById(spanName);

if (textArea.value.length > maxLimit) {
spanCount.innerHTML = '0';
textArea.value = textArea.value.substring(0, maxLimit)+'......';
} else {
spanCount.innerHTML = maxLimit - textArea.value.length;
}
}
</script>
</head>

<body>
<div id="div1">
我们我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们我们

</div>
<div id="div2">
appleappleappleappleappleappleapppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324ppleappleappledwaswrerewre12324324pleappleappleappleappleappledwaswrerewre12324324
</div>

<div id="DDD">

<p><span>您还可以输入<span id="counter">500</span>个字</span></p>

<textarea name="inputContent" class="ssmsarea" id="status" onKeyDown='countChar("status","counter");' onKeyUp='countChar("status","counter");'></textarea>

</div>
</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航