공간 균등 및 :after로 요소를 정렬하기 위해 충분한 공간을 확보하는 방법은 무엇입니까?

Question

나는 의사 요소 :after를 사용하여 왼쪽에 있는 차단 목록의 마지막 행을 정렬합니다. 나는 이러한 블록을 정당화하기 위해 공간을 균등하게 사용합니다. 내 문제는 :after가 공간을 차지하기 때문에 마지막 줄의 블록이 사용자와 정렬되지 않는다는 것입니다. 이 문제를 어떻게 해결할 수 있나요? .exposegrid{width:500px;display:flex;flex-flow:rowwrap;justify-content:space-evenly;&:after{content:&

P粉099000044 · Answer

:after 의사 요소는 Flex 컨테이너의 공간을 차지하고 마지막 행의 항목 정렬을 방해합니다. 이는 문제의 근본 원인입니다. flex auto 대신 :after 의사 요소에 여백을 사용하는 것이 이 문제를 해결하는 한 가지 방법입니다. 이것은 CSS의 최신 버전입니다:

으아악

P粉938936304 · Answer

으아아아 으아아아