Computer >> Máy Tính >  >> Lập trình >> HTML

Giải quyết khoảng cách chưa biết giữa các phần tử trong Flexbox với HTML5.


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;
}