原型JS-计算剩余宽度
Prototype JS - Calculate remaining width
对于类似的div
<div style="width:200px;">
<span>Element 1</span>
<span>Element 2</span>
<span>Element 3</span>
<span>Element 4</span>
<span>Element 5</span>
</div>
如何使用javascript或Prototype JS计算最后一个span元素右侧的剩余空间。Span元素有一个动态宽度,我必须找出div最后一行右边的剩余空白。
您可以尝试以下操作:
var div = $("divId"); // Get the extended div element
var width = div.measure("width");
var offset = div.cumulativeOffset();
var span = document.createElement("span");
div.appendChild(span); // Append an empty span at the end of the last line
var spanOffset = span.cumulativeOffset();
var emptySpace = (width - (spanOffset.left - offset.left)) % width;
span.remove();
根据div样式(边界、填充等)的不同,它可能会变得更复杂。
这是我从父div开始的方法…
var t = $$('div span')[4];
var width = t.up().getWidth() - t.getWidth();
您可以根据自己的喜好修改$$()
中的CSS选择器,但我是基于您提供的HTML。
http://api.prototypejs.org/dom/Element/prototype/getWidth/
相关文章:
- 猫头鹰旋转木马宽度计算错误
- 在使用 JS 渲染之前计算 flex 元素宽度
- 如何计算滑块宽度的总数量百分比
- jQuery在悬停时计算宽度并更改同级
- 计算元素的剩余宽度
- 如何计算缩放后画布的新高度和宽度
- React.JS在虚拟DOM中计算img宽度
- 计算浮动元素的宽度
- 计算给定字符串的真实像素宽度
- 基于宽度计算的表格列显示和隐藏在 Safari IOS 设备中不起作用
- 下拉宽度修复,通过 JS 计算
- 如何根据 x 轴宽度计算高图表中的组填充
- 如何计算输入 HTML 元素的宽度,使其与其内容的大小相匹配
- 如果我在服务器上预渲染 D3JS 图表,将如何计算它们的宽度/高度
- D3.js:计算随范围变化的时间尺度上的柱线宽度
- 如何在 Jquery 中计算一行文本的宽度
- 计算精确的百分比宽度
- 通过Javascript计算的文档宽度在Firefox中与其他浏览器不同
- 如何设置容器宽度计算if的子对象的宽度
- 根据缝隙的宽度计算圆中缝隙的度数