标签的垂直对齐，然后是角度材料中的md开关

Question

我有一个页面，其中想要在label后跟md-switch显示一些文字。我知道我可以完全删除标签并在切换后显示文本，但这个解决方案是不可接受的。

<md-content layout="row">
 <label class="md-title">text</label>
 <md-switch class="md-primary" ng-true-value="'YES'" ng-false-value="'NO'" ng-model="vm.data"> {{vm.data}}</md-switch>
</md-content>

我似乎无法垂直对齐这些元素。开关总是低于文本，而不是标签下面，但是低得多。 一些建议将不胜感激。

Answer 1

你可以添加layout-align =＆＃34; start center＆＃34;属性或替换＆＃34;开始＆＃34;与＆＃34;中心＆＃34;或者＆＃34;结束＆＃34;如果你想要其他对齐方式：

<md-content layout="row" layout-align="start center">
 <label class="md-title">text</label>
 <md-switch class="md-primary" ng-true-value="'YES'" ng-false-value="'NO'" ng-model="vm.data"> {{vm.data}}</md-switch>
</md-content>