1. Rumah
  2. CSS menyelaraskan-item properti

Tutorial CSS menyelaraskan-item properti Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Definisi dan Penggunaan,CSS Syntax,Nilai properti,Artikel terkait,

CSS menyelaraskan-item properti

CSS Referensi CSS Referensi


contoh

Sejajarkan kantong fleksibel dari elemen <div>:

div
{
display: flex;
align-items:center;
}

Coba »

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

Segera setelah -webkit- digital, -ms- atau moz setelah versi pertama yang mendukung properti awalan.

milik
menyelaraskan-item 21.0 11.0 20.0 9.0
7.0 -webkit- 		12.1

Definisi dan Penggunaan

menyelaraskan-item properti mendefinisikan anak fleksibel pada keselarasan saat sisi wadah dari garis poros fleksibel (sumbu vertikal) arah.

Tip: Gunakan masing-masing elemen elastis objek atribut menyelaraskan diri ditulis ulang menyelaraskan-item properti.

default: meregang
warisan: tidak
Dapat animasi: NO. Silakan merujuk ke animasi (animatable) .
versi: CSS3
sintaks JavaScript: objek .style.alignItems = "center"untuk mencoba

CSS Syntax

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

Nilai properti

值 描述 测试
stretch 默认值。项目被拉伸以适应容器。 测试 »
center 项目位于容器的中心。 测试 »
flex-start 项目位于容器的开头。 测试 »
flex-end 项目位于容器的结尾。 测试 »
baseline 项目位于容器的基线上。 测试 »
initial 设置该属性为它的默认值。请参阅 initial 。 测试 »
inherit 从父元素继承该属性。请参阅 inherit 。

Artikel terkait

CSS Referensi: menyelaraskan atribut = kiri-Content

CSS Referensi: menyelaraskan sifat = kiri-Diri


CSS Referensi CSS Referensi

Tutorial Panas

Hubungi kami

CSS menyelaraskan-item properti
10/30