具有清算功能的 Zurb 块网格

Question

我正在使用最新版本的 Foundation（版本 5），当尝试使用块状网格来显示包含在一行中的图像时，我没有得到想要的结果。 图像应该跨越 3 的地方似乎跨越 2 并留下空白等...请参阅下面的屏幕截图

<div class="row">   
                    <div class="small-12 columns">
                        {% if product.images.size > 1 %}
                        <ul class="small-block-grid-3 clearing-thumbs" data-clearing>
                            {% for image in product.images offset:1 %}
                                <li><a href="{{ image.src | product_img_url: 'large' }}"><img src="{{ image.src | product_img_url: 'compact' }}" alt="{{ image.alt | escape }}" /></a></li>
                            {% endfor %}
                        </ul>
                        {% endif %} 
                    </div>
                </div>

Answer 1

我能够通过使用 [data-clearing] li { margin-right: 0px; }