Bagaimana untuk Menjadikan Setiap Item Lebar Sama Seperti Elemen Terluas dalam CSS?

Cara Membuat Setiap Item Sama Lebar dengan Elemen Terluas

Dalam susun atur ini, setiap item terbentang untuk menduduki lebar terluas elemen, walaupun dalam senario di mana item dibalut ke berbilang baris. Untuk mencapai kesan ini menggunakan CSS:

<p>&lt;div><div class="snippet-code">
<pre> paparan: inline-flex;
flex -arah: baris;
justify-content: center;
}

.list {
paparan: flex;
flex-direction: lajur;
}

.list-item {
text-transform: capitalize;
background-color: rgb( 200, 30, 40);
saiz fon: 1.3em;
penjajaran teks: kiri;
padding: 10px;
margin: 1px;
paparan: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}</pre>
<pre>

&lt;div> <div class="list">

<div>

</div> ;
</div>
&lt;div> <div class="list">

<div>

</div>
</div></pre>

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Setiap Item Lebar Sama Seperti Elemen Terluas dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!