在md-button内左对齐

Question

如何在md-button内左对齐元素？示例代码：

<md-button>
    <div md-ink-ripple layout="row">
        <div class="inset">
            <ng-md-icon icon="info"></ng-md-icon>
        </div>
        <div class="inset">
            Title
        </div>
    </div>
</md-button>

Answer 1

您只需要在text-align:center的{​​{1}}覆盖CSS属性text-align:left

这是MD演示页面上的结果：

Answer 2

只需使用以下样式元素：

<md-button md-no-ink="" class="md-primary" align="center" style="left:712px";>
    Search
</md-button>

Answer 3

<强> CSS

首先给你一些id

<ng-md-icon id="SomeID" icon="info"></ng-md-icon>

然后在你的css做

#SomeID{
  text-align:left;
}

应该排除你。