Apakah sifat flex?

Atribut flex ialah: 1. flex-direction, tetapkan arah paksi utama 2. justify-content, tetapkan susunan sub-elemen pada paksi utama; tetapkan sama ada sub-elemen balut 4. , align-content, tetapkan susunan semua sub-elemen pada paksi sisi 5. align-item: tetapkan susunan sub-elemen pada paksi sisi, dsb.

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, komputer Dell G3.

Atribut lentur:

1 arah lentur

Tetapkan arah paksi utama

Penerangan nilai atribut

nilai lalai baris kiri ke kanan

baris-balikkan kiri ke kanan

lajur atas ke bawah

lajur-balikkan atas ke bawah

2. justify-content

Tetapkan susunan elemen anak pada paksi utama

Atribut justify-content mentakrifkan penjajaran item pada paksi utama

Nota: Sebelum menggunakan atribut ini, pastikan anda mengesahkan paksi utama yang mana

Penerangan nilai atribut

nilai lalai flex-mula, bermula dari kepala (jika paksi utama ialah paksi X, kemudian dari kiri ke kanan)

ujung lentur Susun dari ekor

tengah Sejajar di tengah paksi utama (jika paksi utama ialah paksi X, tengah mendatar)

ruang-sekitar Bahagikan ruang yang tinggal sama banyak

ruang-antara Welt kedua-dua belah dahulu, dan kemudian bahagikan ruang yang tinggal sama banyak (penting)

3. flex-wrap

Tetapkan sama ada sub-elemen perlu dibalut

Secara lalai, item disusun pada garisan (juga dipanggil "paksi"). takrif atribut flex-wrap, lalai dalam susun atur flex ialah tiada pembalut baris

Penerangan nilai atribut

nowrap nilai lalai, tiada balut baris

balut baris balut

4. align-content

Tetapkan susunan sub-elemen pada paksi sisi (berbilang baris)

Perihalan nilai atribut

flex -mulakan nilai lalai, Mula susun di kepala paksi silang

ujung lentur Mula susun pada ekor paksi silang

pusat Paparan di tengah paksi silang

ruang-sekitar Kanak-kanak di sisi Paksi membahagikan ruang yang tinggal

ruang-antara Kanak-kanak mula-mula diagihkan pada kedua-dua hujung pada paksi sisi, dan kemudian bahagikan ruang yang tinggal sama

<.>regangan menetapkan ketinggian elemen anak untuk membelah dua ketinggian elemen induk menjajarkan-item: menetapkan paksi sisi Susunan elemen anak pada paksi silang (garisan tunggal)

5. align-item

Tetapkan susunan elemen anak pada paksi sisi (baris tunggal)

Perihalan nilai atribut

Nilai lalai flex-start, dari atas ke bawah

flex-end Dari bawah ke atas

pusat picit bersama dan tengah (menegak pusat)

regangkan

6. Aliran fleksibelAtribut komposit arah flex dan atribut balut lentur

Penerangan nilai atribut

flex: Perkadaran sub-item

sejajar -diri: Kawal susunan sub-item pada paksi sisi mereka sendiri

tertib: Atribut mentakrifkan susunan sub-item (depan dan belakang) tertib)

Atas ialah kandungan terperinci Apakah sifat flex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!