元素之间的预留空间

Question

我有一组接一个放置的元素。如果用户单击某个元素，则会为其设置1px宽度的边框。结果其他img元素被转移。

如何在每个img元素周围预留1px的宽度空间？

Answer 1

要么使用margin（MDN）

margin: 1px; 

或设置border-color（MDN）到transparent，只是切换颜色

border-color: transparent; 

Answer 2

当您添加边框您可以添加margin: -1px;的元素（请确保您在关闭边框时正确倒转过程）

或者给所有border: 1px solid transparent（认为他们都支持这些天），那么你只需要改变边框颜色。你可以用border-color: rgba(222,0,0,0);，然后rgba(222,0,0,1)作为活动元素，其中a是透明度。但是，在IE atm中，01​​并没有得到很好的支持。