gpt4 book ai didi

javascript - 在 box-sizing :border-box is set in CSS? 时,JavaScript 中有没有一种方法可以直接获取元素的内容宽度

转载 作者:太空狗 更新时间:2023-10-29 13:45:38 30 4
gpt4 key购买 nike

如果我们在 CSS 中设置它(自动前缀):

* {
box-sizing: border-box
}

然后 getComputedStyle(elem).width 包括元素的填充。

现场演示: http://jsfiddle.net/simevidas/EpUnp/

我想获取元素内容框的宽度(不带内边距)。是否有用于此的标准 API,还是我必须手动减去填充?

最佳答案

getBoxQuads API可以做到。 (它在 Firefox Nightly 中受支持)。

var quad = elem.getBoxQuads({ box: 'content' })[0];
var contentWidth = quad.p2.x - quad.p1.x;

现场演示: http://jsfiddle.net/EpUnp/2/ (适用于 Firefox Nightly)

enter image description here

关于javascript - 在 box-sizing :border-box is set in CSS? 时,JavaScript 中有没有一种方法可以直接获取元素的内容宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22992867/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com