比如取得一个div得innerHTML

可以预先设置好,再根据字符长度算出来

<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;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了,层宽少一个像素就会换行

原文地址:https://www.cnblogs.com/cxd4321/p/2123486.html