Question

我在布局容器中的子项上使用了角度材质及其flex属性。

特别是我有行布局，我希望子项占用相等的空间，所以我有：

<div layout="column" layout-gt-sm="row">
    <md-input-container flex>
        <label>Input</label>
        <input >
    </md-input-container>
    <md-input-container flex>
        <label translate>Select</label>
        <md-select ng-model="">
            <md-option>
            </md-option>
        </md-select>
    </md-input-container>
</div>

但我发现第一个孩子比第二个孩子宽。

但是，如果我将flex="50"应用于子项，则它们占用的空间相等，请参阅Codepen演示 - http://codepen.io/parky128/pen/LRPAKZ

这也是使用最新版本的Angular Material - 1.1.0

这是否意味着我必须在必要时明确设置弹性百分比？我想在第一个例子中根据我的codepen，两个子项将占用相同的宽度。

更新

我发现我只有这样的行为，我有一个包含输入和md-select的行布局（都在md-input-containers中）。

请参阅 - http://codepen.io/parky128/pen/amojra

您可以看到第一张卡片显示问题。如果将flex设置为flex =＆＃34; 50＆＃34;在这些输入容器上，它们的尺寸很好。

更新2

好的，所以我在AM repo上发布了一个问题，他们的回答是坚持使用flex = 50，否则你不能保证有问题的浏览器会如何计算宽度 - https://github.com/angular/material/issues/9469

Angular Material

0 个答案: