Thuộc tính alignContent của Style

Định nghĩa và cách sử dụng

Khi các mục không sử dụng hết không gian có sẵn trên trục ngang (dọc),alignContent Thuộc tính này để chỉnh đối齐 các mục của khay đàn hồi.

Lưu ý:Hãy sử dụng Thuộc tính justifyContent Chỉnh đối齐 các mục trên trục chính (ngang).

Ghi chú:Phải có nhiều dòng mục để thuộc tính này hoạt động.

Mô hình

Đặt các mục của phần tử <div> đàn hồi giữa hai dòng có khoảng trống:

document.getElementById("main").style.alignContent = "space-between";

Thử ngay

Cú pháp

Trả về thuộc tính alignContent:

object.style.alignContent

Thiết lập thuộc tính alignContent:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
stretch Giá trị mặc định. Dòng kéo dãn để chiếm không gian còn lại.
center Các mục nằm ở giữa của khay.
flex-start Các mục nằm ở đầu của khay.
flex-end Các mục nằm ở cuối của khay.
space-between Các mục nằm giữa các dòng có khoảng trống.
space-around Cả trước, giữa và sau dòng của các mục đều để trống.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thiết lập thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: stretch
Giá trị trả về: Chuỗi biểu diễn Thuộc tính align-content.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

alignContent Là tính năng CSS3 (1999).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ 11

Các trang liên quan

Hướng dẫn tham khảo CSS:Thuộc tính align-content

HTML DOM STYLE Hướng dẫn tham khảo:Thuộc tính alignItems

HTML DOM STYLE Hướng dẫn tham khảo:Thuộc tính alignSelf

HTML DOM STYLE Hướng dẫn tham khảo:Thuộc tính justifyContent