studio-benkei

CSSで複数のブロックレベル要素の高さを揃えれないという問題を解決してくれるJSの紹介です。
これを使用すると下のようにブロックレベル要素の高さが最も高いものに統一されます。

通常はこうなります。

設定 ▼

						<script src="heightLine.js" type="text/javascript" charset="utf-8"></script>
          

『heightLineParent』というクラス名をつけると、その要素の、子供の要素の高さを統一することができます。

HTML▼

            <div class="heightLineParent">
              <div class="L">
                <p>コンテンツ</p>
                <p>コンテンツ</p>
                <p>コンテンツ</p>
              </div>
              <div class="C">
                <p>コンテンツ</p>
                <p>コンテンツ</p>
              </div>
              <div class="R">
                <p>コンテンツ</p>
              </div>
            </div>
          

ダウンロードや、さらに詳しい情報は以下のサイトをご覧ください。

ダウンロードサイト　→　 to-R