0

ただし、多くのドットを追加しますが、線の幅を超えないように、線全体に等間隔で配置する必要があります。これが私がこれまでに持っているものです。これは、追加される画像が多すぎるまでは問題なく機能します。

var count = $('#dots img').length;
var dotW = $('.dot').width();
var line = $('#line').width();

var x = count * dotW;
var y = line - x;
var z = y / (count + 1);

$('.dot').css('margin-left', z);

jsfiddleをチェックしてください。 http://jsfiddle.net/kirkr/2L9eg/ 画像タグをコピーして貼り付けて、さらにテストします。

私は何が欠けていますか？

ありがとう。

4

3 に答える 3

1

あなたの問題は、画像間の空白です。この CSS を使用します。

#dots {
    font-size: 0;
}

そして、それはうまくいきます。

編集：

少し遊んでみました。必要に応じて、div を画像に置き換えることができます。画像からできるだけ多くの空白を削除してください。

http://jsfiddle.net/2L9eg/6/

于 2013-03-05T20:02:38.873 に答える
0

あなたの計算は問題ありません。予想よりも多くのスペースを引き起こしているのは、HTML の空白です。

imgタグ間に空白を入れないバージョンを次に示します。

于 2013-03-05T20:01:21.300 に答える
-1

ページがすべての「ドット」をロードした後、必要なプロパティ (おそらくマージン) を持つ css クラスを適用するだけです。いいえ:

$(document).ready(function() {
    $(".dot").css("margin-right","10px");
});
于 2013-03-05T20:00:11.817 に答える