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

Question

我正在使用jQuerytokenInput插件，我有一个具有固定宽度的输入元素。 input元素的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>