是否可以将内容放在与md-tab相同的行上?

时间:2015-07-08 08:49:28

标签: angular-material

我正在尝试在一行标签旁边放置一个简单的徽标img,但似乎默认行为是标签占用所有水平空间,即使不需要显示标签。我尝试在包含div上使用layout =“row”,但这使得标签消失,只留下图像。有可能吗?

编辑:响应下面的@nitin - 您的代码并不完全符合我的要求。查看代码结果图片。

enter image description here

让我澄清一下。我希望图像与标签按钮位于同一水平位置,红色带下划线的文字位于此处。像这样:

一个(一些空间)图像

{

(某些标签内容)

}

1 个答案:

答案 0 :(得分:0)

这将起作用

  <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>

Plunker Here