为什么显示attrib在这里不工作，因为float atrrib工作

Question

在下面的链接中，当我尝试使用'display：table-cell'或'display：inline-block'而不是'float：left'时，它的作用与float属性，但如果我单击删除或隐藏按钮，然后单击重置所有，然后两个框到下一行。为什么会发生？在某些情况下，不可能通过显示替换浮点数，浮点属性是不可避免的吗？

这里是链接，例如：a link

Answer 1

这是因为与元素之间的空间inline-block的导致3px的空间，看到此处详细了解：https://css-tricks.com/fighting-the-space-between-inline-block-elements/

但是在这个代码，你只需要改变恢复功能

function resetElement() { 
    document.getElementById("imgbox1").style.display = "inline-block"; // HERE 
    document.getElementById("imgbox2").style.visibility = "visible"; 
}