html - 如何在 HTML 中获取元素的位置和大小

标签 html css styles

有没有办法通过程序或调试器或类似的东西获得 HTML 中元素的位置和大小?我想知道这样我就可以轻松设置背景图像而无需无限次修改位置以使其正确。 The box is displayed in the debugger(firefox)

如您在调试器 (Firefox) 中所见,显示了元素的框。有没有办法得到这个盒子的位置和大小?

最佳答案

我已经通过 Firefox 的开发者工具找到了元素属性。右键单击并检查元素,然后会出现开发人员框,您只需单击“框模型”即可:

Fix

关于html - 如何在 HTML 中获取元素的位置和大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16755875/

相关文章:

php - 如何在 PHP 中使用模数根据两种不同的模式将 CSS 类添加到图像网格中?

html - 内联 block 元素换行时,父包装器不适合新宽度的CSS

wpf - 通过 XAML 中的样式 && 触发器绑定(bind)窗口标题

javascript - 查找与视频 currentTime 相关的文本行并使用 JavaScript 突出显示它?

css - float 其子元素也 float 的元素

jquery - 如何在悬停时滚动到图像的底部

html - 如何在复选框 - CSS 下居中自定义复选框标签?

javascript - 以背景色为条件的 If 语句

javascript - Outlook Office Addin 未在 div 中显示 HTML 页面

html - CSS 规则应用于其父元素中唯一的元素