CSS 코드에서 아래 item1과 item2의 설정을 이해할 수 없습니다.flex:1 2 200px;这三个值分别对应flex-grow,flex-shrink,flex-basis 알지만 이렇게 쓰는 목적은 모르겠습니다
flex:1 2 200px;
flex-grow
flex-shrink
flex-basis
완전한 코드는 다음과 같습니다
html:
css:
최종 렌더링 효과는 다음과 같습니다.
业精于勤，荒于嬉;行成于思，毁于随。
예를 들어 브라우저 환경에서 비유하자면, 브라우저가 축소되면 item1과 item2가 싱크되고, 그러면 세 개의 p 상자가 나란히 배열되지 않고 브라우저 인터페이스가 작아지면 세로로 배열됩니다. 더 크면 떠서 나란히 배열됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
예를 들어 브라우저 환경에서 비유하자면, 브라우저가 축소되면 item1과 item2가 싱크되고, 그러면 세 개의 p 상자가 나란히 배열되지 않고 브라우저 인터페이스가 작아지면 세로로 배열됩니다. 더 크면 떠서 나란히 배열됩니다.