Zurb foundation 在使用Flex网格(不XY网格)时,基础对齐右列 我想站在父行的右边

Zurb foundation 在使用Flex网格(不XY网格)时,基础对齐右列 我想站在父行的右边,zurb-foundation,Zurb Foundation,我有上面提到的 我希望第三列中的div向右对齐(这样看起来就像我将文本对齐:居中放在第三列div上一样) 我知道一种方法-通过在该列中放置另一个行 另一类对齐右< /代码>,然后放置另一个列中的列< /代码> -但是这会导致不必要的HTML量,并且我假设基金会一定为我提供了一条途径。(另一个CSS类,我在文档中找不到)实现我的目标而不需要比上面更多的HTML 我该怎么做?还是必须在第三列中再放一行和一列 .columns没有display:flex,因此我无法将align right放在列上-不

我有上面提到的

我希望第三列
中的
div
向右对齐(这样看起来就像我将
文本对齐:居中
放在第三列
div
上一样)

我知道一种方法-通过在该列中放置另一个<代码>行行> <代码>另一类<代码>对齐右< /代码>,然后放置另一个<代码>列中的列< /代码> -但是这会导致不必要的HTML量,并且我假设基金会一定为我提供了一条途径。(另一个CSS类,我在文档中找不到)实现我的目标而不需要比上面更多的HTML

我该怎么做?还是必须在第三列中再放一行和一列

.columns
没有
display:flex
,因此我无法将
align right
放在列上-不起作用。或者
.columns
应该有
display:flex
,而我只是遇到了一个bug,或者是我可能在某个地方造成的问题


谢谢

< p>如果你使用的是6.5版本的基础,那么代码中的以下替换可以做到你期望的

<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>

我想站在父行的右边

但是如果你真的不想使用<代码>网格XY类,那么你可以保留你的代码,而不是使用基础5.5。我希望这有帮助!

<div class="grid-x">
    <div class="small-4 cell">
        <div></div>
    </div>

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

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