0

現在取り組んでいるプロジェクトで、Foundation Zurb のデータ イコライザー プラグインに問題があります。次のコードが機能します。

<div class="row lmt" data-equalizer="listings">


    <div class="small-12 medium-6 large-6 columns ">
        <div class="car-listing" data-equalizer-watch="listings">
            <div class="row">
                <div class="small-12 medium-5 large-5 columns">
                    <a href="/raes-edit/used-cars/audi-a6-2.0tdi-se-177ps-model/">
                        <img src="/raes-edit/site/assets/files/1234/p1060436.185x0.jpg" alt="" class="img-responsive" />
                    </a>
                </div>
                <div class="small-12 medium-7 large-7 columns">
                    <a href="/raes-edit/used-cars/audi-a6-2.0tdi-se-177ps-model/">
                        <h4 class="red">Audi A6 2.0TDI SE 177Ps model<br/>Metallic Grey<br />5 Door</h4>
                    </a>

                    <div class="pricing">
                        <p><strong>&pound;18700</strong><br />Saloon / Diesel</p>
                    </div>
                </div>
            </div>
            <a class="view" href="/raes-edit/used-cars/audi-a6-2.0tdi-se-177ps-model/"><i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>


    <div class="small-12 medium-6 large-6 columns  end">
        <div class="car-listing" data-equalizer-watch="listings">
            <div class="row">
                <div class="small-12 medium-5 large-5 columns">
                    <a href="/raes-edit/used-cars/landrover-discovery-2.7-tdv6-xs-7seat/">
                        <img src="/raes-edit/site/assets/files/1221/p1060286.185x0.jpg" alt="" class="img-responsive" />
                    </a>
                </div>
                <div class="small-12 medium-7 large-7 columns">
                    <a href="/raes-edit/used-cars/landrover-discovery-2.7-tdv6-xs-7seat/">
                        <h4 class="red">Landrover Discovery 2.7 TDV6 XS 7SEAT<br/>Metalic Black<br />5 Door</h4>
                    </a>

                    <div class="pricing">
                        <p><strong>&pound;16800</strong><br />Four Wheel Drive / Diesel</p>
                    </div>
                </div>
            </div>
            <a class="view" href="/raes-edit/used-cars/landrover-discovery-2.7-tdv6-xs-7seat/"><i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>

    <div class="clearfix"></div>
</div>

基本的にイコライジングではありません。1行目の「行」クラスを削除すると、機能しますが、コンテナの境界が壊れます。行div内でこれを機能させる方法はありますか?

ありがとう！グラハム

4

1 に答える 1

1

修理済み！タイトル変数に固定の高さを適用する必要があったことがわかりました。長さが混在しているとうまくいかないため、90px の高さを強制すると、すべてが完全に整列されます。

<a href="/raes-edit/used-cars/landrover-discovery-2.7-tdv6-xs-7seat/" style="height: 90px;">
<h4 class="red">Landrover Discovery 2.7 TDV6 XS 7SEAT<br/>Metalic Black<br />5 Door</h4>
</a>
于 2015-05-19T09:24:45.683 に答える