Angularjs 标签的垂直对齐,然后是角度材料中的md开关
我有一个页面,其中a希望在Angularjs 标签的垂直对齐,然后是角度材料中的md开关,angularjs,html,angular-material,Angularjs,Html,Angular Material,我有一个页面,其中a希望在标签中显示一些文本,然后是md开关。我知道我可以完全移除标签并在切换后显示文本,但这种解决方案是不可接受的 <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">
标签
中显示一些文本,然后是md开关
。我知道我可以完全移除标签并在切换后显示文本,但这种解决方案是不可接受的
<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>
文本
{{vm.data}
我似乎无法垂直对齐这些元素。开关始终低于文本,而不是标签下方,在其后面,但要低得多。
如果需要其他对齐方式,请提供一些建议。您可以添加layout align=“start center”属性或将“start”替换为“center”或“end”:
<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>
文本
{{vm.data}
很抱歉,我无法想象这一点。你能发一张照片或一张照片吗?这样我就能帮助你了。谢谢你的建议,但对我来说最好的解决方案是不涉及css更改。@PetruScurtu请现在检查答案,我找到了更好的解决方案,没有css布局对齐标记用于水平对齐,而不是垂直对齐。不,你可以指定两种对齐,此标记中的第一个值用于水平对齐,第二个值用于垂直对齐。您可以在此处检查并试验此标记: