如何输入全宽但右边有文字？

Question

Map(key1 -> Map(7 -> List(2,4,18), 10 -> List(4,8,12,16), 12 -> List(5,9,13))
  , key2 -> Map(8 -> List(2,4,18), 9 -> List(19)))

.wrap {
  white-space: nowrap;
}
input {
  width: 100%;
}
body {
  /* just so you can see it overflowing */
  border: 1px solid black;
  margin: 40px;
  padding: 10px;
}

从上面的示例中，您将看到“.pdf”被推送到容器外部。如何在不为文本设置固定宽度的情况下使其更贴合？

“。pdf”文本是可变的，无法进行硬编码。

Answer 1

您可以{/ 1}}使用

＆＃13;

＆＃13;

flexbox

＆＃13;

.wrap {
  display: flex
}
input {
  flex: 1
}
body {
  /* just so you can see it overflowing */
  border: 1px solid black;
  margin: 40px;
  padding: 10px;
}

＆＃13;

＆＃13;

＆＃13;