jQuery如何获取innerWidth但没有填充?

时间:2011-09-27 10:51:35

标签: javascript jquery html html5 css

从文档中,innerWidth几乎可以满足我的需求:

  

“获取内部宽度(不包括边框并包含填充)   对于第一个匹配的元素。“

我需要知道宽度不包括填充。即元素内部的可用空间。

jquery是否提供类似这样的内容 - 进行了一些谷歌搜索并找不到任何解决方案。

我考虑过将padding-leftpadding-right值从内部宽度中减去 - 但考虑到这些可能是百分比,像素或者我不确定这是否可靠。

有什么建议吗?

2 个答案:

答案 0 :(得分:66)

你可能只是在寻找width()函数..

查看文档,它排除了填充:http://api.jquery.com/width/

(正如现代浏览器对css width属性的表示一样)

编辑:现在是2012年,jQuery 1.8刚刚问世。虽然这仍然相关,但您可能还想阅读有关版本1.8中的box-sizing注意事项的following article from the jQuery blog

答案 1 :(得分:19)

$('#element').width();

就这么简单!