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

【问题标题】：space between angular material not working角材料之间的空间不起作用
【发布时间】：2017-09-21 07:30:59
【问题描述】：

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

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

有什么办法可以解决吗？

【问题讨论】：

标签： html angularjs angular-material frontend

【解决方案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

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

【讨论】：