【问题标题】:Truncation of labels in material design材料设计中的标签截断
【发布时间】:2019-02-16 17:26:32
【问题描述】:

在物料表单中,如何避免输入容器中的标签被截断? 我们如何才能使较长的标签完全可见?选择选项也有同样的问题。

【问题讨论】:

  • 你能贴出你目前尝试过的代码吗?
  • 我认为这是角度材料输入组件中的常见问题

标签: css angular-material material-design


【解决方案1】:

只需应用一些 css 看看是否有帮助:

.mat-select-value,
.mat-form-field-label {
  overflow: initial;
  text-overflow: initial;
}

【讨论】:

  • .mat-select-value, .mat-form-field-label { 溢出:初始;文本溢出:初始;空白:继承;我试过这个,但不是一个完美的解决方案,因为更长的标签会出现在与值重叠的下一行。 .mat-input-element{ 边距顶部:10px;我们可以将输入元素向下移动一点,但该空间会占用任何地方..对于这个问题还有其他解决方案吗?
  • 我想您可以使用自己的标签创建自定义表单字段控件。 material.angular.io/guide/creating-a-custom-form-field-control
猜你喜欢
  • 2017-08-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-09-02
  • 1970-01-01
  • 1970-01-01
  • 2021-08-12
  • 1970-01-01
相关资源
最近更新 更多