Css 角度材质可避免截断输入容器中的标签
我有一个有角度的材料页面和几个输入容器 其中一些容器并排排列,空间分布分别为33%和66%。我只希望在这些输入字段上方有一个标签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
<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示例中,即使没有溢出:隐藏代码>