保留元素之间的空间

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中，rgba得不到很好的支持。