84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
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 상자가 나란히 배열되지 않고 브라우저 인터페이스가 작아지면 세로로 배열됩니다. 더 크면 떠서 나란히 배열됩니다.