コニファ・ロゴ

csstest:[jQuery] fixHeight.jsを使って、横に並ぶブロック要素の高さを合わせる

使い方:<head>jQueryfixHeight.jsを設置し、高さを揃えたい要素の直属の親要素に「fixHeight」というクラス名を付けます。子のブロック要素の高さが、もっとも高いものに統一されます。

サンプルは、<div class="fixHeight">の子要素の6つのブロック要素です。文字量がもっとも多く高さを取るものに高さが統一されます。ブロック要素が親要素内に収まりきれず下へ落ちると、上側、下側でそれぞれもっとも高いものの高さに統一されます。また、表示後に画面サイズを変えて並びが変わった場合は、その画面サイズのままで一度リロードして下さい。

 

サンプル

ブロック1

[ダミーテキスト] ポイントカードを発行し,商品の購入者に対し,次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

ブロック2・長めのタイトル

[ダミーテキスト] 取引通念上妥当と認められる基準に従い,取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは,値引と認められる経済上の利益に該当し、

ブロック3・さらにさらにかなり長め長めのタイトル

[ダミーテキスト] 景品表示法上の景品類には該当しません。なお、対価の減額又は割戻しであっても…

ブロック4

[ダミーテキスト] [1]懸賞によって減額又は割戻しの相手方を決定する場合、[2]減額又は割戻しをした金銭の使途を限定する場合、(例:旅行費用に充当させる場合)

ブロック5・こちらもさらにさらにかなり長め長めのタイトル

[ダミーテキスト] [3]同一の企画において景品類の提供とを併せて行う場合…

ブロック6・長めのタイトル

[ダミーテキスト](例:取引の相手方に金銭又は招待旅行のいずれかを選択させる場合)は、値引とは認められず景品類に該当することとなり,景品規制が適用されます。

 

戻るボタン