0

私はこの jsFiddle を持っています: http://jsfiddle.net/pqCGd/。

div を含む大きなmessagesdiv が含まれていますmessage。これらのmessagediv は自動的に生成されますが、この例と簡潔さのために、そのような div の自動生成を省略し、メッセージ div の 1 つの例を示しました。

divの中messageには 4 つの div の子があります。

  1. dir画像が含まれています：私は現在、このためにテスト画像を使用しています
  2. aこれには 3 セットのデータが含まれており、一番上のpタグにはかなり長い文字列が含まれているため、残りのpタグよりも小さくなっています。
  3. bこれにはさらに 3 セットのデータが含まれており、今回は最後のpタグがかなり長く、フォント サイズを小さくする必要があります。
  4. cというボタンだけが含まれていますview

問題:またはを見るとa、他の単語がないために div が「落ちている」ように見えることに気付くかもしれません。div を除いて、div の y 位置は要素ごとにずれているようです。これらは、同じ y 位置で並べて配置することを意図しています。この影響が見られない場合は、Google Chrome の「要素の検査」ツールを使用して、これらのタグの場所を見つけることができます。要素インスペクターでそれらの上にカーソルを置くと、カプセル化のサイズと div の位置を表示する青いボックスが表示されます。が より低い、より低い 、 より低いであることがわかるはずです。は、div 境界の間にも表示される必要があります (部分的に示されています)。bcdiradirbacbbutton

私が欲しいもの: divs: を取得する必要があり、のay位置が の y 位置と同じになるようにします。できればCSSで。bcdir

注意: Google Chrome は私のテスト ターゲットです。そのため、IE やその他のブラウザについて心配する必要はありません。

4

3 に答える 3

-1

ページがロードされた後に変更する必要がある場合は、このコードを使用して jQuery で変更できます

var offset = $(".dir").offset();
$(".a").offset({ top: offset.top});
$(".b").offset({ top: offset.top});
$(".c").offset({ top: offset.top});

これが結果です http://jsfiddle.net/ekvU9/1/

.offset() はドキュメントに関連する位置を取得するので、オフセットがすべてのブラウザーで正しいことを確信できます。

于 2013-04-02T20:18:30.760 に答える