Css 角度材质可避免截断输入容器中的标签

Css 角度材质可避免截断输入容器中的标签,css,angular-material,Css,Angular Material,我有一个有角度的材料页面和几个输入容器 其中一些容器并排排列,空间分布分别为33%和66%。我只希望在这些输入字段上方有一个标签 <div layout="row"> <md-input-container flex="33"> <label>My Label</label> <input type="text" ng-readonly="true" ng-model="text1"/> </md-in

我有一个有角度的材料页面和几个输入容器

其中一些容器并排排列,空间分布分别为33%和66%。我只希望在这些输入字段上方有一个标签

<div layout="row">
  <md-input-container flex="33">
     <label>My Label</label>
     <input type="text" ng-readonly="true" ng-model="text1"/>
  </md-input-container>
  <md-input-container flex="66">
     <label></label>
     <input type="text" ng-readonly="true" ng-model="text2"/>
  </md-input-container>
</div>

我的标签
我将标签放在第一个输入容器的上方,并在第二个容器的上方放置一个空标签。 这正是我的问题所在,因为在较小的屏幕上,标签会被截断。这是完全可以理解的,但在我的情况下,我不希望这种行为的角度材料。我如何做到这一点?这是我问题的一个证明。在较小的屏幕上,标签会被切掉

tl;dr 我想要两个只有一个标签的输入容器。标签应该始终可见,也可以在小屏幕上看到,但它会被截断

谢谢你的帮助。

太简单了

我所要做的就是防止溢出:隐藏属性,默认情况下从角度材质设置

默认截断如下所示:

将样式表更改为
溢出:可见!重要的结果正是我想要的:


我对上面给出的plunker示例进行了更新。是新版本。

在您的Plunker示例中,即使没有
溢出:隐藏