是否可以将内容与 md-tab 放在同一行？

Question

我试图在一行标签旁边放置一个简单的徽标 img，但似乎默认行为是标签占据所有水平 space，即使不需要显示选项卡。我尝试在包含 div 上使用 layout="row"，但这使得选项卡消失，只留下图像。可能吗？

编辑：回应下面的@nitin - 你的代码没有完全满足我的要求。查看代码结果的图片。

让我澄清一下。我希望图像与选项卡按钮处于同一水平方向，红色下划线文本所在的位置。像这样：

一二（一些space）图片

{

（部分标签内容）

}

Answer 1

这会起作用

  <md-content class="md-padding">
      <md-tabs md-dynamic-height md-border-bottom>
        <md-tab label="one">
          <md-content class="md-padding">
            <h1 class="md-display-2">Tab One</h1>            
          </md-content>
        </md-tab>
        <md-tab label="two">
          <md-content class="md-padding">
            <h1 class="md-display-2">Tab Two</h1>            
          </md-content>
        </md-tab>          
        <md-tab>
          <img src='' alt='image'>
        </md-tab>
      </md-tabs>
    </md-content>

笨蛋 Here

是否可以将内容与 md-tab 放在同一行？

Is it possible to position content on the same row as md-tab?

angular-material