Thuộc tính alignItems của Style

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

alignItems Thuộc tính này xác định cách khớp mặc định của mục trong hộp đàn hồi.

Hướng dẫn:Sử dụng thuộc tính của mỗi mục align-self 属性 để ghi đè align-items 属性.

Mẫu

Đặt vị trí khớp của tất cả các mục của phần tử <div> đàn hồi ở đầu hộp:

document.getElementById("main").style.alignItems = "flex-start";

Thử ngay

Cú pháp

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

object.style.alignItems

Đặt thuộc tính alignItems:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
stretch Mặc định. Mục được kéo giãn để phù hợp với hộp.
center Mục nằm ở giữa hộp.
flex-start Mục nằm ở đầu hộp.
flex-end Mục nằm ở cuối hộp.
baseline Mục được định vị đến đường cơ bản của hộp.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Ghi đè thuộc tính này từ 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 thị align-items 属性.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

alignItems 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

Trang liên quan

CSS Tham khảoalign-items 属性

Hướng dẫn HTML DOM STYLE:Thuộc tính alignContent

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