当元素的内容更改时，动态更改元素的宽度

Question

我的div包含6个输入。其中两个的显示为“无”，当我单击复选框时，这两个输入的显示为“内联”。 我希望我的div宽度在其他两个输入输入时改变并增加。
html：

<div class="row" id="row1">
  <input class="input" id="material_name" value="Material" />
  <input class="input" id="material_name" value="Material" />
  <input class="input" id="unit" value="Unit" />
  <input class="input" id="count" value="11" />
  <input class="input" id="unit_price" placeholder="Unit Price" />
  <input class="input" id="total_price" placeholder="Total Price" />
</div>

Answer 1

div是块行元素，而span是行内元素。如果您需要用html进行更改，则可以用div替换span标记，否则更改display的{​​{1}}，使其表现得像span。默认情况下，block-line元素的div属性不依赖于其width，但是对于内联元素，innerHTML属性会随着其内部元素的宽度

改变

width