js操作按钮显示与隐藏出现布局错乱情况解决

按钮想要的效果：

点击【显示图】按钮，【显示图】按钮隐藏，出来4个新按钮

如果用display:none来控制4个按钮的隐藏于显示，点击【显示图】会出现下面的按钮布局：

解决方法：

将display:none,display:block控制转为用透明度控制按钮的显示与隐藏布局可以保持原样：

document.getElementById("button").style.opacity = 0;----隐藏

document.getElementById("button").style.opacity = 1;----显示