Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 标签的垂直对齐,然后是角度材料中的md开关_Angularjs_Html_Angular Material - Fatal编程技术网

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

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">

我有一个页面,其中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"> {{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布局对齐标记用于水平对齐,而不是垂直对齐。不,你可以指定两种对齐,此标记中的第一个值用于水平对齐,第二个值用于垂直对齐。您可以在此处检查并试验此标记: