1. Flex-shrink는 Flex 컨테이너의 공간이 부족할 때 단일 요소의 수축 비율을 나타냅니다.
2. 음수 값은 지원되지 않습니다. 기본값은 1입니다. 이는 기본적으로 모든 플렉스 항목이 축소됨을 의미합니다. 0으로 설정하면 수축이 없으며 원래 너비가 유지된다는 의미입니다.
예
// CSS 부분.내용{
디스플레이: 플렉스;
너비: 400px;
높이: 200px;
테두리: 1px 솔리드;
}
.왼쪽, .가운데, .오른쪽{
높이: 200px;
}
.왼쪽{
너비: 100px;
배경색: 아쿠아;
}
.센터{
너비: 200px;
배경색: 비스크;
}
.오른쪽{
너비: 300px;
배경색: cadetblue;
}위 내용은 CSS의 flex-shrink 속성에 대한 소개입니다. 모든 사람에게 도움이 되기를 바랍니다.