ResizeObserverSize: inlineSize 属性
inlineSize 是 ResizeObserverSize 接口的一个只读属性，它返回观察到的元素的边框盒（border box）在行内方向上的长度。对于具有水平 writing-mode 的盒子，这指的是水平维度或宽度；如果书写模式是垂直的，则指的是垂直维度或高度。
注意： 有关书写模式以及块维度和内联维度的更多解释，请阅读 处理不同的文本方向。
值
一个表示行内大小（以像素为单位）的小数。
示例
在此示例中，我们使用 ResizeObserverEntry.contentBoxSize 返回一个包含尺寸信息的数组。inlineSize 属性返回被观察元素在行内方向上的尺寸。
js
const resizeObserver = new ResizeObserver((entries) => {
for (const entry of entries) {
const elemSize = entry.contentBoxSize[0];
console.log(elemSize.inlineSize); // a decimal
}
});
resizeObserver.observe(divElem);
规范
| 规范 |
|---|
| Resize Observer（调整大小观察器） # dom-resizeobserversize-inlinesize |
浏览器兼容性
加载中…