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:

<div>

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

<p><div> <div class="list"></p>
<pre class="brush:php;toolbar:false"><div>

<div>

<div>