[英]Foundation Zurb Equalizer Issue
我在我正在處理的項目中使用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>£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>£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行的“ row”類,它可以工作,但會打破容器邊界。 有什么想法如何使它在行div中工作嗎?
謝謝! 格雷厄姆
固定! 事實證明,我必須對title變量應用固定的高度-它的混合長度使它無法正常運行,因此強制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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.