javascript - 如何确保宽度取决于输入？

Question

我正在使用 jQuerytokenInput 插件，并且我有一个具有固定宽度的输入元素。输入元素的 css 如下:

li.token-input-input-token-mac input {
  width: 100px;
  padding: 3px;
  margin: 0;
  border: none;
}

这使得输入的宽度为 100px。但是，我希望在没有输入时宽度尽可能小，并根据输入增加。我如何实现这种行为？

Answer 1

尝试这样的事情。

 li.token-input-input-token-mac input {
  width: 0px;
  max-width: 100px;
  padding: 3px;
  margin: 0;
  border: none;

}

Demo Jsfiddle

.something {
  width: 100px;
  padding: 3px;
  margin: 0;
  border: none;
  background: green;

}
.nothing {
  width: 0px;
  max-width: 100px;
  padding: 3px;
  margin: 0;
  border: none;
  background: green;
}

    <div class="something">
    1234
    </div>
    <br>
    <div class="nothing">

    </div>