выравнивание по левому краю внутри кнопки md

0

Как я могу выровнять элементы внутри 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>
Теги:
angular-material

3 ответа

1

Вам просто нужно переопределить свойство CSS text-align:center помощью text-align:left of md-button

Здесь результат на MD Demo Page:

Изображение 174551

  • 0
    CitizenDelta, <md-button> - это директива, а не класс.
  • 0
    Я удалил . , Спасибо
0

Просто используйте этот элемент стиля:

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

CSS

Сначала дайте html некоторый идентификатор

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

Тогда в вашем css do

#SomeID{
  text-align:left;
}

это должно вас разобраться.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню