css - 要素間にスペースを確保する

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(最近はすべてがサポートされていると思います)、境界線の色を変更するだけです。a が透過性であるアクティブな要素をborder-color: rgba(222,0,0,0);いじくり回すことができます。rgba(222,0,0,1)ただし、rgbaIE atm ではあまりサポートされていません。