Khoảng trống không xác định giữa các phần tử trong flexbox là do phần lề của tiêu đề bị thu hẹp xuống vạch chia. Để giải quyết vấn đề này -
- Lề được đặt lại thành 0 cho tiêu đề hoặc Đường viền được thêm vào thanh.
- Padding có thể được thực hiện vào thanh bằng cách thêm thuộc tính padding:10px vào thanh.
Hãy thử đoạn mã sau để giải quyết vấn đề khoảng cách không xác định -
.bar { background: yellow; color: gray; height: 250px; padding: 10px; text-align: center; }