javascript - 通过 Javascript 更改显示属性时，多个 HTML 字段显示在单独的行上

Question

我有一个表，单击按钮时可以编辑其中的字段。我有一个 fiddle 设置:http://jsfiddle.net/r2rur/31/按钮的代码是:

<input type="submit" id="change" class="btn" value="Change" onclick="showEditFields();" />

showEditFields 的工作原理如下:当我单击“更改”按钮时，按钮和标签消失，并显示带有“勾号”图像的输入字段。我需要的是“勾号”出现在输入字段旁边而不是下方。我应该注意，如果输入和图像从头开始显示(不是通过 JS)，显示也是正确的，如 fiddle 所示。

我尝试使用 CSS 和样式，删除所有自定义样式，更改边距/填充属性等，但没有任何效果。任何帮助表示赞赏。谢谢。

Answer 1

block元素占据整个可用宽度。只需更改 display:block至inline-block对于 <input>和<img> .

document.getElementById('inpAmount').style.display='inline-block';
document.getElementById('saveChange').style.display='inline-block';

Updated Fiddle