Question

我正在尝试连续应用“中心之间的空间”，但它似乎不起作用：

<div layout="row" layout-sm="column" layout-align="space-between center" hide-xs>
            <div layout="column">
                <a>{{ $ctrl.locale.f_a_whydonate }}</a>
                <a>Johan Huizingalaan</a>
                <a>1066VH Amsterdam</a>
            </div>
            <div layout="column" >
                <a>KvK:</a>
                <a>RSIN:</a>
                <a>T:</a>
            </div>
        </div>

我有什么想法可以解决它？

Answer 1

我认为问题在layout-sm="column"，所以如果你删除它。

<div layout="row" layout-align="space-between center" hide-xs>
        <div layout="column">
            <a>{{ $ctrl.locale.f_a_whydonate }}</a>
            <a>Johan Huizingalaan</a>
            <a>1066VH Amsterdam</a>
        </div>
        <div layout="column" >
            <a>KvK:</a>
            <a>RSIN:</a>
            <a>T:</a>
        </div>
    </div>

它会很好地对齐，看看我的JSFiddle

但这取决于你想要什么。我认为你只是在小屏幕上进行测试，而你正在获得一行列对齐的行

角材料之间的空间不起作用

1 个答案: