可以预先设置好,再根据字符长度算出来
<script language= "javascript ">
function ByteWordCount(str) {
str= str.replace(/([\u0391-\uFFE5])/ig, '11 ');
return str.length/2;
}
function GetWidth(str){
return ByteWordCount(str)*12+str.length*1;
}
</script>
<div style= "font-size:12px;width:93px;border:1px solid #000;letter-spacing: 1px " id= "div1 "> 中华人民共和国 </div>
<input type= "button " onclick= "alert(GetWidth(div1.innerText)); " value= "看看宽度 ">
上边层里7个汉字,设置每个汉字12个像素,宽度是84,字间距1个像素,7个字符7个像素,84+7=91个像素,为什么上边层的宽度是93呢,因为还有两边边框的宽度,再加上2就正好是93了,层宽少一个像素就会换行
比如取得一个div得innerHTML
转载文章标签 javascript 其他 文章分类 代码人生
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
jquery给div的innerHTML赋值
jquery给div的innerHTML赋值jq#id").html()="";
javascript ViewUI 赋值 jquery html -
点击一个div隐藏另一个div
点击一个div隐藏另一个div
html xml 3c javascript 编程