Question

是否可以做这样的事情：

treeFromList [1,2,3] EmptyTree

Answer 1

您无法使用CSS做到这一点，但很容易就可以使用JS来实现；

例如：

const input = document.querySelector('.myInput');

input.addEventListener('input', () => {
  const inputNumber = input.value;
  
  input.style.width = `${inputNumber}%`;
})

<input type="number" min="1" max="100" value="1"  class="myInput" />

Answer 2

好的，这是我的解决方法：

const input = document.querySelector('.myInput');

input.addEventListener('input', () => {
  text = document.createElement("span"); 
  document.body.appendChild(text);
  text.innerHTML = input.value; 
  
  width = Math.ceil(text.getBoundingClientRect().width); 
  inputNumber = width + "px";
  input.style.width = `${inputNumber}`;
  
  document.body.removeChild(text); 
})

<input type="number" min="1" max="100" value="1"  class="myInput" />

是否可以使输入类型的数字适合其显示的数字的宽度？

2 个答案: