두 개가 포함되어 있습니다 이제 각 행의 마지막 항목에 이 으아악 으아악的行，每行都有
display: flex;，每个行中都包含几个子项目。在下面的示例中，您可以看到在第一行中有2个项目（绿色的盒子标记为“item”），它们的比例为
6/3。在第二行中有4个项目，它们的比例为2/2/2/3.
flex: 3;）能够完美对齐，除非我添加一个gap: X px;.
gap，以便具有相同宽度的项目根据它们的flex속성 정렬을 계산에 어떻게 포함하나요? 또는 다음 코드 조각에서 그래픽으로 단순화합니다. 빨간색 테두리를 어떻게 정렬합니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
가능한 많은 솔루션 중 하나는 일부 항목을 다른 flex div에 래핑하는 것입니다.
으아아아 으아아아flex-item클래스가 포함된 아래 코드를 참조하세요.