将项目对齐角度js导航栏中的右侧

Question

我正在使用Angular Js Material,我无法正确对齐以下内容(下图中的红色是什么)

以下是导航栏代码:

<md-toolbar layout="row">
      <div class="md-toolbar-tools">
        <md-button ng-click="toggleSidenav('left')" hide-gt-sm class="md-icon-button">
          <md-icon aria-label="Menu" md-svg-icon="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68133/menu.svg"></md-icon>
        </md-button>

        <h1>TEST</h1>
        <i class="material-icons md-48">question_answer</i>
        <i class="material-icons md-48">help_outline</i>
      </div>
  </div>

特别是,我想对齐以下内容:

 <i class="material-icons md-48">question_answer</i>

    <i class="material-icons md-48">help_outline</i>

我尝试过将文本对齐到右边并尝试使用float,但这些尝试似乎都没有奏效.此导航栏基于角度模板:https: //material.angularjs.org/latest/#/getting-started

任何帮助,将不胜感激.

提前致谢

Answer 1

<span flex></span>在您开始在md工具栏中添加链接/图标之前,请简单地添加!像这样:

<md-toolbar>
  <span flex> </span>
  <md-button> Button Right </md-button>
</md-toolbar>