垂直對齊標籤，然後在角材料中使用md-switch

我有一個頁面，其中想要在label之後顯示一些文本，然後是md-switch。我意識到我可以完全刪除標籤並在切換後顯示文本，但此解決方案不可接受。垂直對齊標籤，然後在角材料中使用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>

我似乎無法將這些元素垂直對齊。開關總是低於文本，而不是在標籤下面，但低得多。一些建議將不勝感激。

來源

2016-11-17 Petru Scurtu

我很抱歉，我不能想像那。你可以張貼圖片或plubkr嗎？這樣我就能夠幫助你。 – trichetriche

您可以添加布局-ALIGN =「啓動中心」屬性或更換「開始」與「中心」或「結束」，如果你希望其他對齊：

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

來源

2016-11-17 16:08:39

感謝您的建議，但對我而言，最佳解決方案是不涉及css更改的解決方案。 –

@PetruScurtu請現在檢查答案，我發現更好的解決方案，沒有CSS –

佈局對齊標籤用於水平對齊，而不是垂直對齊。 –

垂直對齊標籤，然後在角材料中使用md-switch

回答

相關問題