[使用角形材料设计的行中的自动对齐复选框

Question

我正在为角度应用程序使用角度材料设计，正在获取弹性搜索索引的字段并将其创建为表单中的复选框。它正在生成，但是当它具有4个以上的字段时，对齐方式显得笨拙。

HTML：

 <div layout="row" layout-align='left start'>                       
   <md-checkbox   ng-repeat="field in selectedFields"    layout="row"  ng-click="toggleCheck(field)"    style="text-transform:capitalize"  aria-label={{field.name}}>
   {{field.name}}
  </md-checkbox>
</div>

输出：“ >>

Plnker：

我正在为角度应用程序使用角度材料设计，正在获取弹性搜索索引的字段并将其创建为表单中的复选框。它正在生成，但是当它具有...

Answer 1

仅检查了angular-material-layout.css并发现了“ layout-wrap”。