Angular Material md-input-container需要很大的空间

Question

我正在使用角材料样品.根据我的默认代码md-input-container需要很大的空间.我的输出如下.

但我发现md-input-content空间较少,如下所示.

我不知道该怎么做.我的md-input-container代码示例如下.

  <md-input-container class="md-block" flex-sm>
    <label>Name</label>
    <input md-maxlength="50" required name="name" ng-model="user.name"/>
  </md-input-container>

Answer 1

你可以阅读这份 文件

关于您的问题的简单代码段:

<div flex="100" class="flex flex-col">
    <md-input-container class="md-block">
       <label>Name</label>
       <input md-maxlength="50" required name="name" ng-model="user.name"/>
    </md-input-container>

    <md-input-container class="md-block">
           <label>Surname</label>
           <input md-maxlength="50" required name="surname" ng-model="user.surname"/>
    </md-input-container>
</div>