Item

Thuộc tính áp dụng cho flex items

Property	Value
flex-basis	apx: chỉ định chiều dài cho item theo đơn vị px a%: chiều dài cho item được tính theo phần trăm của chiều dài container auto: chiều dài cho item sẽ vừa khít với nội dung bên trong nó
flex-grow	Là một number. Chiều dài còn lại của container sẽ được chia đều theo tỷ lệ cho những item có thuộc tính này. Ví dụ: flex-grow của các item1, item2, item3 lần lượt là: 4 2 3, width của container là 1800px thì chiều dài của các item1, item2, item3 lần lượt là: 800px, 400px, 600px Ví dụ: flex-grow của item cuối cùng trong container là 1, các item kia không có flex-grow thì chiều dài của item cuối cùng đó sẽ chiếm hết chiều dài còn lại của container.
flex-shrink	0: kích thước phần tử con sẽ không bị co lại khi kích thước của container không đủ chỗ chứa do bị thu nhỏ lại. Lúc này sẽ xuất hiện thanh scroll ngang 1: kích thước phần tử con có thể bị co lại để không vượt quá kích thước của container
flex	<flex-grow> <flex-shrink> <flex-basis> Là cú pháp viết tắt cho 3 thuộc tính bên trên
align-self	stretch: item sẽ trải dài hết container center: item sẽ ở chính giữa container flex-start: item sẽ ở trên cùng của container flex-end: item sẽ ở dưới cùng của container