"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 이미지 라이브러리에서 1px Flex 프로젝트 간격을 달성하는 방법은 무엇입니까?

이미지 라이브러리에서 1px Flex 프로젝트 간격을 달성하는 방법은 무엇입니까?

2025-04-13에 게시되었습니다
검색:782

How to Achieve 1px Spacing Between Flex Items in an Image Gallery?

1px 마진을 달성하려면 Flex 값 '1 0 22%'를 사용하십시오. 이로 인해 플렉스베이스는 22%로 설정되어 행당 4 개의 항목 만 가능합니다. Flex-Grow 값은 1으로 설정되어 품목이 자라서 남은 공간을 여백으로 채울 수 있습니다. 이것은 항목들 사이에 미묘한 1px 간격을 만듭니다.

#foto-container { 디스플레이 : Flex; 플렉스 랩 : 랩; 정당화 컨텐츠 : 공간-어라운드; 여백 : 10px; } .foto { 플렉스 : 1 0 22%; Min-Height : 50px; 마진 : 1px; 배경색 : 빨간색; }

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3