js 怎样获取字体的宽度和高度比如9pt这样大小的文字_框架

字体的高宽，这个没法量的，因为好多字体，不同字符下大小不一样，比如 a 就是比 i 宽。

我猜你的问题应该是应该是获取一个具有特定字体，字号的字符串的宽度和高度吧。

你可以新建一个span标签，隐藏标签，把你的字符串放进去，赋上你想要的字体，字号。然后度量这个span的宽度和宽度就好了。这个span的宽高就是字符串的宽高。

你试试看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

你这样的写的话不先赋值给thumbnail统一的高度的话恐怕页面会显得参差不齐而不是你想的4块模块平均撑开页面，还有你是把写进div你当背景，那就不需要js来处理这个问题。

<style>

#thumbnailbox{position: absolute;left:0;top:0;width:100%;height:100%;}

#thumbnailbox a{width:50%;height:50%;display:block;position:absolute;left:0;top:0;}

#thumbnailbox abg1{background:url(/images/1jpg) 50% 50% no-repeat;}

#thumbnailbox abg2{left:50%;background:url(/images/2jpg) 50% 50% no-repeat;}

#thumbnailbox abg3{top:50%;background:url(/images/3jpg) 50% 50% no-repeat;}

#thumbnailbox abg4{left:50%;top:50%;background:url(/images/4jpg) 50% 50% no-repeat;}

</style>

</div>

Javascript:

网页可见区域宽 document body clientWidth

网页可见区域高 document body clientHeight

网页可见区域宽 document body offsetWidth (包括边线的宽)

网页可见区域高 document body offsetHeight (包括边线的高)

网页正文全文宽 document body scrollWidth

网页正文全文高 document body scrollHeight

网页被卷去的高 document body scrollTop

网页被卷去的左 document body scrollLeft

网页正文部分上 window screenTop

网页正文部分左 window screenLeft

屏幕分辨率的高 window screen height

屏幕分辨率的宽 window screen width

屏幕可用工作区高度 window screen availHeight

屏幕可用工作区宽度 window screen availWidth

JQuery:

$(document) ready(function(){

alert($(window) height()); //浏览器当前窗口可视区域高度

alert($(document) height()); //浏览器当前窗口文档的高度

alert($(document body) height());//浏览器当前窗口文档body的高度

alert($(document body) outerHeight(true));//浏览器当前窗口文档body的总高度包括border padding margin

alert($(window) width()); //浏览器当前窗口可视区域宽度

alert($(document) width());//浏览器当前窗口文档对象宽度

alert($(document body) width());//浏览器当前窗口文档body的宽度

alert($(document body) outerWidth(true));//浏览器当前窗口文档body的总宽度包括border padding margin

lishixinzhi/Article/program/Java/JSP/201311/20160

以上就是关于js 怎样获取字体的宽度和高度比如9pt这样大小的文字全部的内容，包括:js 怎样获取字体的宽度和高度比如9pt这样大小的文字、看我的JS代码哪里有问题，js动态调整表格宽度、JS能否获取动态class的宽度并赋值给高度，目的是实现响应式正方形，附HTML和CSS等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9836475.html

js 怎样获取字体的宽度和高度比如9pt这样大小的文字

发表评论

评论列表（0条）

js 怎样获取字体的宽度和高度 比如9pt这样大小的文字

发表评论

评论列表（0条）

js 怎样获取字体的宽度和高度比如9pt这样大小的文字