2016-10-17 2 views
1

自分のラジオボタングループのボタンをラベルに垂直に整列したいと思います。mdラジオボタングループのラベルの整列

これは私のHTMLです:

<md-radio-group ng-model="merchant.type"> 

    <md-radio-button value="small">Eine Niederlassung</md-radio-button> 
    <md-radio-button value="medium">2-5 Niederlassungen</md-radio-button> 
    <md-radio-button value="large">6 oder mehr Niederlassungen</md-radio-button> 

</md-radio-group> 

出力は次のようになります。

Output

ラベルが適切に縦に彼らのボタンと整列させることができる方法任意のアイデア?

<div layout="column" class="md-inline-form" ng-cloak> 

私はこのdiv要素の外にそれらを移動し、それが機能するようになりました:

+0

[md-radio-button](http://codepen.io/pen/)と[Angular Materialラジオボタン](https://material.angularjs.org/latest/)に役立つリンクがいくつかありますデモ/ラジオボタン) – cna327

+1

これをチェックしてください! http://stackoverflow.com/questions/31114973/how-to-align-the-radio-buttons-horizo​​ntally-in-angular-material – gilango

答えて

0

ネヴァーマインド、問題は、ラジオボタンがそうのようなdiv要素にあったということでした!

関連する問題