右側に写真、左側に文章といった構成で作ることって結構多いんですね。いったときに困るのが、要素の高さが揃わないこと。要素の高さを自動的に揃えることはできないんです。heightを指定して、高さを揃えても、中身のコンテンツの量が増えたりした場合ははみ出してしまいます。そんなときに役立つjQueryプラグインが「matchHeight」です。他の要素の高さを自動的に調節してくれるプラグインです。便利なものなので解説していきますねー!!matchHeightのダウンロードmatchHeightはこちらのリンクからダウンロードできます。downloadからダウンロードしてください。高さ揃えちゃうよ!!!まずはDEMOページからご覧ください。デモページ中身のコンテンツの量が違っても、高さが揃ってるでしょ!?!?すげえ嬉しいですよね。matchHeightでは高さを合わせたい要素たちに任意でclassを与えて、どの要素の高さに合わせるのか、つまりターゲットを設定することで動いています。具体的にコードで確認してみましょう。class="box2"><p>テキストテキストテキストテキストテキストテキスト</p></div></div>このbox1とbox2の高さを揃えたいと思います。box1には画像が入っており、box2にはテキストが入っていると考えてくださいね。box1とbox2に任意のclass=”match”を追加します。match"><p>テキストテキストテキストテキストテキストテキスト</p></div></div>こうなりますね。$('.box1')});});こう記述します。僕はfooter.phpにまとめてscriptが入っているので、そこに記述していきます。この解説をすると、任意のclass=”match”をターゲットを決めて、そのターゲットの高さに揃えますよ!ってことになります。ここではbox1の高さに揃えています。画像が入っている要素の高さにテキストが入っている要素の高さを揃えたってことになりますね。中身のコンテンツがはみ出すことなく、4つ全ての高さを揃えることができますね。高さを揃えるのはwebデザインの肝!!要素の高さが揃ってないと気持ち悪いですよね。基本は高さを揃えることです。(公開されません)URL次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。2016起業・独立の前に松陰先生から6つの重要なお話があります。2016起業・独立の前に松陰先生から6つの重要なお話があります。三重県、岐阜県も対応させていただきます。他の地域の方でも電話対応、メール、ビデオ通話で対応しますし、用件によっては直接お会いします。takashi15Aug2016起業・独立の前に松陰先生から6つの重要なお話があります。2016起業・独立の前に松陰先生から6つの重要なお話があります。三重県、岐阜県も対応させていただきます。他の地域の方でも電話対応、メール、ビデオ通話で対応しますし、用件によっては直接お会いします。llc.beReady。