假设我有一个<div>
,我希望在浏览器的显示(视口)中居中.为此,我需要计算<div>
元素的宽度和高度.
我应该用什么?请提供有关浏览器兼容性的信息.
假设我有一个<div>
,我希望在浏览器的显示(视口)中居中.为此,我需要计算<div>
元素的宽度和高度.
我应该用什么?请提供有关浏览器兼容性的信息.
您应该使用.offsetWidth
和.offsetHeight
属性.
var width = document.getElementById('foo').offsetWidth;
个
Function .getBoundingClientRect()
在执行CSS转换后以浮点数的形式返回元素的维度和位置.
> console.log(document.getElementById('id').getBoundingClientRect())
DOMRect {
bottom: 177,
height: 54.7,
left: 278.5,
right: 909.5,
top: 122.3,
width: 631,
x: 278.5,
y: 122.3,
}