元素之間的預留空間

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​​並沒有得到很好的支持。