Bagaimanakah Saya Boleh Membuat Lebar Kanak-kanak Flexbox Ditentukan oleh Kandungannya?

Flexbox Child Width

Div bekas induk dengan paparan: flex mempunyai anak a. Bagaimanakah kanak-kanak itu boleh kelihatan "sebaris" dengan lebarnya ditentukan oleh kandungannya?

Penyelesaian

Gunakan item jajar: mulakan lentur pada bekas atau jajarkan diri : flex-mula pada setiap kanak-kanak.

Analisis

Bekas fleksibel mempunyai tetapan lalai item penjajaran: regangan, menyebabkan elemen kanak-kanak mengembang sepanjang paksi silang. Dengan menetapkan item jajar: mulakan lentur atau selaraskan diri: mulakan lentur, anda boleh menghalang pengembangan lebar kanak-kanak dan mencapai penampilan sebaris.

Maklumat Tambahan

• align-self terpakai pada item flex individu, manakala align-item digunakan untuk keseluruhan bekas.
• item sejajar: mula lentur memastikan penjajaran paksi silang dengan permulaan bekas.

• Untuk lebih lanjut mengenai penjajaran lentur, rujuk:

  • [Bagaimanakah flex-wrap berfungsi?](link1)
  • [Mengapa tiada sifat "justify-item" dan "justify-self"?](link2)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Lebar Kanak-kanak Flexbox Ditentukan oleh Kandungannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!