hỏi về Flex html css

Question

Em dùng flex, flex-wrap : wrap. em gặp phải vấn đề như trên ảnh ạ. các phần tử cuối cùng cứ bị chia ra giữa. có cách nào cho nó sát sang trái dc ko ạ? em cảm ơn

Answer

có lẽ do bạn dùng justify-content: space-between;

bỏ nó đi là được hoặc bạn dùng justify-content: flex-start;

Answer

Bạn xem thử có thuộc tính nào đang là justify = space between không? Nếu có thì bạn đổi nó thành cái khác là được, hoặc nếu không thì bạn có thể xem xét sử dụng grid để vừa chia trang vừa responsive như bài viết này 
https://viblo.asia/p/khi-lam-css-ma-cung-phai-dau-dau-vi-toan-dai-so-Qbq5QEM45D8

Answer

Bạn thử thêm thuộc tính này cho cái flex container xem:
```css
justify-content: flex-start;
```

Answer

Thay vì `justify-content: flex-start;` thì bạn có thể thêm 1 phần tử ảo vào cuối container sẽ đẹp hơn nhé, vì `flex-start` có thể làm cho nguyên grid đó nó lệch sang trái.

Giả sử flex container của bạn có class là `flex-container` thì thêm như này:
```
.flex-container::after {
  content: "";
  flex: auto;
}
```

4 ANSWERS