Bolehkah saya Menjajarkan Teks secara Menegak dalam Elemen `` Flexbox Tanpa Pembalut ``?

Penjajaran Teks Menegak Dalam Kotak Fleksibel

Pertanyaan

Penjajaran teks menegak dalam

elemen yang menggunakan flexbox terbukti mencabar. Adakah boleh untuk mengeluarkan pembungkus perantaraan

elemen yang biasanya menerima atribut align-items:center, sambil mengekalkan pengurusan ketinggian dinamik?

Penyelesaian

Untuk menjajarkan teks secara menegak dalam kotak fleksibel, gunakan align-item: center dan bukannya align-self : pusat. Pengubahsuaian ini menjajarkan elemen kanak-kanak dalam bekas fleksibel, yang dalam kes ini ialah

elemen.

Penjelasan

Sifat penjajaran diri menyasarkan item fleksibel, manakala item penjajaran menyasarkan bekas fleksibel. Sejak

elemen bukan bekas lentur, align-self tidak mempunyai kesan pada
• unsur. Sebaliknya, align-item boleh digunakan pada
• elemen untuk menjajarkan elemen anaknya secara menegak.

  Atas ialah kandungan terperinci Bolehkah saya Menjajarkan Teks secara Menegak dalam Elemen `` Flexbox Tanpa Pembalut ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!