Angular 如何将项目与物料2水平对齐？

我希望有一个输入，在同一行的另一侧，有一些与该输入相关的操作，我希望输入扩展以填补空白。一般来说，它不仅仅限于输入和操作。我不知道如何在材质2中水平对齐项目。当然，我可以用floating和CSS覆盖这些东西，但我认为这不是像material2那样使用

presentational/behavior

框架的正确方法。 这是指向plunker的链接

@Component({
  selector: 'my-app',
  template: `
      <md-input-container style="flex: 1 1 auto;">
        <input mdInput type="text" placeholder="value" />
      </md-input-container>
      <span style="flex: 1 1 auto;"></span>
      <button md-icon-button mdTooltip="action related to control" style="float: right;">
         <md-icon>check</md-icon>
      </button>
  `,
})

@组件({
选择器：“我的应用程序”，
模板：`
检查
`,
})

---

最好直接在这里发布代码以供检查，上面的链接我看不到任何东西。最好直接在这里发布代码以供检查，上面的链接我看不到任何东西