2

このような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 要素には動的な幅があり、div の最後の行の右側に残っている空きスペースを見つける必要があります。

4

2 に答える 2

1

次のようなことを試すことができます。

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 スタイル (ボーダー、パディングなど) によっては、もう少し複雑になる場合があります。

于 2013-02-07T18:02:09.923 に答える
0

これは、親divから始めて行う方法です...

var t = $$('div span')[4];

var width = t.up().getWidth() - t.getWidth();

$$()好みに合わせて CSS セレクターを変更できますが、私はあなたが提供した HTML に基づいていました。

http://api.prototypejs.org/dom/Element/prototype/getWidth/

于 2013-02-07T00:12:17.630 に答える