flex-grow - CIVIL-DIARY.com

ขยาย-หด ความกว้างของ block ด้วย flex-shrink flex-grow flex-basis

09 May 2018

flex-shrink ให้ item หดตัว flex-shrink :1 ; /จะหดเท่าๆกัน flex-shrink :2 ; / จะหดเป็น 2 เท่า flex-grow ให้ item ขยาย flex-grow :2; /จะขยาย 2 เท่ามากกว่า box อื่นๆ flex-grow :0; /จะไม่ขยายเหมือน box อื่นๆ flex-basis กำหนดให้ยืดหยุ่น flex-basis : 500px /จะกำหนดให้ยืดค่าเริ่มต้น ที่ 500 px ต่างจาก box อื่นๆ flex:1 ให้มีขนาดเท่ากันเป๊ะๆ ไม่มีพื้นที่ว่าง [caption id="attachment_22474"

Search: flex-grow

ขยาย-หด ความกว้างของ block ด้วย flex-shrink flex-grow flex-basis