使用弹性网格（非xy网格时，基础对齐栏右移）

Question

<div class="row align-middle">
        <div class="small-4 columns">
            <div></div>
        </div>

        <div class="small-4 columns">
            <div></div>
        </div>

        <div class="small-4 columns">
            <div>I want to be on the right edge of the parent .row</div>
        </div>
    </div>

我具备以上条件。

我希望将第三个div .columns中的div对齐到右边（这样看起来就好像我将text-align: center放在第三个.columns div上一样）。

[我知道一种方法-通过在该列中放置另一个.row div并为该.row提供另一个类align-right，然后在该行中放置另一个.columns-但这会导致不必要的HTML数量，我认为Foundation必须为我提供了一种方法（我在文档中找不到的另一个CSS类），而不需要比上述更多的HTML。

我该如何做？还是我必须在第三列中放入另一行和一列？

.columns没有display: flex，所以我无法在列上放置align-right-无法使用。还是.columns是要具有display:flex的功能，而我只是遇到错误或可能在某处创建的问题？

谢谢

Answer 1

如果您使用的是6.5版本的Foundation，那么代码中的以下替换将达到您的期望