在进行元素显示位置调整时,我们通常会使用定位(position)或平移(translate)属性。当我们不知道子元素的宽度和高度时,可以通过设置平移属性来实现水平垂直居中。
在平移函数中,百分比的计算是基于元素的内容(content),内边距(padding)和边框(border)来计算的。使用平移或定位都会使元素产生位移,但它们在offsetLeft和offsetTop属性上有所不同。
举个例子,offsetLeft的值是258,而offsetTop的值是108。使用平移后,offsetLeft的值仍然是208,而offsetTop的值仍然是108。这意味着使用平移后的元素与没有位移的元素在这两个属性上是一样的。
同样地,offsetLeft的值是8,offsetTop的值也是8。使用平移后,offsetLeft的值仍然是8,offsetTop的值仍然是8。这证明offsetLeft和offsetTop的值是固定不变的。
总结来说,对于元素的显示位置调整,我们经常使用定位或平移属性。在子元素宽度和高度不确定的情况下,我们可以利用平移属性实现水平垂直居中。注意,使用平移或定位会使元素产生位移,但在offsetLeft和offsetTop属性上的值是固定不变的。