无法在html文件中对齐两个元素

Question

我有两个按钮，我想对齐它们在同一行，由于某种原因，第二个按钮位于第一个按钮之下......

我认为将它们分组在一个div中会有所帮助。

这是我目前的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-switch会发生一些事情。

Answer 1

<md-switch>是directive，没有按钮。因此，HTML将被替换/解析为angular（我认为）会输出块级元素 解决方案是使用display: inline-block;或float: left; display: inline-block;更容易，但会为您的元素添加1px的边距。 对于花车，<button>也必须是display: block;。