比如取得一個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;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了,層寬少一個像素就會換行


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com