强制文本输入标签包装

Question

我正在制作基于Google MDL的布局 我们需要更长的输入标签，而不是MDL明显允许的库存。

我设法让文本成功包装，并为默认状态重新定位标签，但它会破坏焦点类并且不能正常浮动。

为了让标签显示在正确的位置，我将.mdl-textfield__label修改为绝对位置，而不是顶部。

.mdl-textfield__label {
  bottom: 24px;
  /* top: 24px;  Removed This Line */
  color: rgba(0, 0, 0, 0.36);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  text-align: left; }

如果有其他人设法实现类似行为，那就很好奇。