は、HTMLファイル内の2つの要素

Question

私は同じ行にあるように整列する2つのボタンがあり、何らかの理由で二番目が最初の1を下回っているの整列に失敗...

私はそれらをグループ化すると思いました1つの部門で役立ちます。

これは私の現在のhtmlです。<md-switch>を<button>にグループ化しようとするといくつかの難しさがあります。

<div> 
    <button md-button (click)="publish()" class="md-primary">Update</button> 
    <md-switch [(checked)]="data.cb1">Sho: {{ data.cb1 }}</md-switch> 
</div> 

私はそれにスタイル属性を追加する場合、ボタンだけが反応するので、明らかに何かがmdスイッチで起こっています。

Answer 1

<md-switch>は、directiveとボタンなしです。したがって、HTMLは（私が考えるように）ブロックレベルの要素を出力するangleで置き換え/解析されます。
解決策は、display: inline-block;またはfloat: left;のいずれかを使用することです。
display: inline-block;は簡単ですが、要素に1ピクセルの余白が追加されます。 浮動小数点の場合、<button>はdisplay: block;である必要があります。