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

Flexbox và cuộn dọc trong ứng dụng có chiều cao đầy đủ bằng cách sử dụng API Flexbox mới hơn với HTML


Thuộc tính flex là cách viết tắt của các thuộc tính flex-grow, flex-co và flex-base. Thuộc tính flex đặt độ dài linh hoạt trên các mặt hàng linh hoạt.

Ví dụ -

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 0px; /*here the height is set to 0px*/
}

Nếu bạn muốn chiều cao tối thiểu, hãy sử dụng height:100px; rằng nó giống hệt như - min-height:100px;

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 100px; /*here the height is set to 100px*/
}