Question

我正在网站上工作。在这个网站上，我有3个浮动的div彼此相邻，都有33％的宽度。我试图在此使用数据均衡器，但只有在equalize_on_stack为true时才有效。这个div虽然没有堆叠。

有关如何解决这个问题的想法吗？

谢谢。

代码：

    <div class="small-12 large-8 column" data-equalizer>
        <div class="photoAlbumBox" >
            <p class="title">AFC fotoalbums</p>
            <div class="divider"></div>

            {foreach $homeblocks as $block}
                <a href="{$block->giveURL()}" target="_blank">
                    <div class="album" data-equalizer-watch>
                        <div class="photo">
                            <img src="{$block->getImg()}">
                        </div>
                        <div class="text">
                            <p class="date">Foto's <span>// {$block->c['date']|date_format:"%e %b %Y"}</span></p>
                            <p>{$block->c['msg']}</p>
                        </div>
                    </div>
                </a>
            {foreachelse}
                Er zijn nog geen foto's geplaatst...
            {/foreach}
            <div class="clear"></div>
            <a class="readmore" href="https://www.flickr.com/photos/126067985@N02/sets/" target="_blank">Bekijk alle foto's</a>
        </div>
    </div><!-- COLUMN -->

Answer 1

尝试添加＆＃39;数据均衡器＆＃39;属性为您希望具有相同高度的元素的父容器。

在您的情况下，看起来您希望相册div的高度相等，因此请添加“数据均衡器”＆＃39;你的标签。

                <a href="" data-equalizer>// parent container
                  <div class="album" data-equalizer-watch>// child element
                    <div class="photo">
                      <img src="">
                    </div>
                  </div>
                </a>

您还可以提供数据均衡器＆＃39;一个独特的名字。

data-equalizer="equal-height"
data-equalizer-watch="equal-height"

数据均衡器仅在equalize_on_stack：true时有效

1 个答案: