1

jQuery を使用して、h3 を含む div の最上位を動的に設定したいと考えています。Linked は、私が達成しようとしていることのイメージです。

その図では、上部: タイトルの div (緑の h3s) は、590 のハードコードされた上部で絶対配置されています。これは、トーナメントのサイズがまったく変わらない場合 (8、4、2、1) にうまく機能しますが、一部のトーナメントではタイトルが明らかにページの下に落ちる2ラウンド（3ゲーム）。

括弧内では、中間点ごとに round-title-before クラスと round-title-after クラスを追加して、それらの間に表示されるタイトルがあることを確認/示すことができるようにしました。

.position() または .height() を使用して .round-title-before と .round-title-after の差を計算して #title div を正しく配置し、常に中央に配置するか、中央に近づける方法はありますかゲームはいくつありますか？小規模なトーナメントの例として添付された 2 番目の写真。

大規模トーナメント:

トーナメントブラケット

========================

小規模トーナメント:

トーナメント ブラケット小

4

1 に答える 1

0

私の意見では、jqueryui の位置機能を、各ブラケットをコンテナーに入れることと組み合わせて使用​​する必要があります。コンテナーの高さは全体の高さと等しくなり、前述の jqueryui 位置機能を使用して、コンテナーに対して垂直方向に中央揃え (x 軸の右側にあると思われます) にすることができます。

于 2012-09-27T13:34:43.807 に答える