Berikut ialah beberapa pilihan tajuk berdasarkan artikel anda, dengan mengingati format soalan: Umum & Fokus pada Isu: * Mengapa Adakah `overflow-wrap: break-word` Menyebabkan Bar Skrol dalam Flexbox? * F

Kesan Flexbox pada Gelagat limpahan-balutan

Dalam CSS, sifat limpahan-balut: kata putus mengarahkan penyemak imbas untuk memecahkan perkataan panjang kepada berbilang baris. Apabila digunakan bersama dengan paparan: sifat flex, bagaimanapun, gelagat ini menjadi tidak dapat diramalkan.

Isu:

Seperti yang ditunjukkan dalam coretan yang disediakan, apabila paparan: flex ialah ditambahkan pada elemen dengan limpahan-balut: break-word, bar skrol mendatar muncul. Tingkah laku ini berpunca daripada fakta bahawa item flexbox mempunyai lebar min automatik automatik, menyebabkan ia berkembang untuk menampung kandungannya.

Penyelesaian:

Untuk menghapuskan bar skrol mendatar, tetapkan sifat lebar min bagi anak kotak flex yang terjejas kepada 0. Ini menghalang elemen daripada mengembang melebihi saiz semula jadinya, membenarkan kandungan yang panjang dibalut dalam lebar yang tersedia.

Kod Diubah Suai :

.wrap {
  overflow-wrap: break-word;
  display: flex;
}

.b {
  min-width: 0; /* ADDED */
}

Pengubahsuaian ini memastikan kandungan panjang dalam .b dibalut seperti yang diharapkan tanpa menyebabkan bar skrol mendatar muncul.

Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk berdasarkan artikel anda, dengan mengingati format soalan: Umum & Fokus pada Isu: * Mengapa Adakah `overflow-wrap: break-word` Menyebabkan Bar Skrol dalam Flexbox? * F. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!