如何取得 HTML 元素的寬度和高度以實現精確居中？

計算居中的 HTML 元素寬度和高度

要將 HTML 元素在瀏覽器顯示中居中，確定其實際寬度和高度至關重要。以下是實現此目標的方法：

1. .offsetWidth 和.offsetHeight 屬性

您可以使用以下方法檢索元素的偏移寬度和高度：

var width = document.getElementById('foo').offsetWidth;

2。 。 >

.offsetWidth和.offsetHeight:

console.log(document.getElementById('foo').getBoundingClientRect())

/* Output:
DOMRect {
    bottom: 177,
    height: 54.7,
    left: 278.5,​
    right: 909.5,
    top: 122.3,
    width: 631,
    x: 278.5,
    y: 122.3,
}
*/

所有主流瀏覽器 (IE8)

.getBoundingClientRect():

所有主流瀏覽器 (IE9)

以上是如何取得 HTML 元素的寬度和高度以實現精確居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！