マージンで画像ギャラリーのフレックスアイテムを調整する方法

は、フレックスボックスレイアウトで、「0 0 25％」のフレックス値を持つアイテムは幅が固定されていて、収縮または成長しません。グリッドのような構造を維持しながらこれらのアイテム間にスペースを追加するには、マージンを適用できます。ただし、1％のマージンを適用すると、ギャップが大きすぎる可能性があります。これにより、Flex-Basisが22％に設定され、行ごとに4つのアイテムしかないことが保証されます。フレックスグロウ値は1に設定されているため、アイテムが成長し、残りのスペースがマージンによって残されています。これにより、アイテム間に微妙な1pxギャップが作成されます。 ディスプレイ：Flex; フレックスラップ：ラップ; Justify-Content：Space-Around; マージン：10px; } .foto { フレックス：1 0 22％; Min-Height：50px; マージン：1px; 背景色：赤; }