如何確定寬度取決於輸入？

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;

}

演示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>