如何使每個項目的寬度與 CSS 中最寬元素的寬度相同？

如何使每個項目與最寬元素的寬度相同

在此佈局中，每個項目都會拉伸以佔據最寬元素的寬度元素，即使在項目換行到多行的情況下也是如此。要使用CSS 來實現此效果：

<div>

 display: inline-flex;<br> flex -方向：行； <br> 對齊內容：中心；<br>}<p>.list {<br>顯示：flex;<br> 彈性方向：列;<br>}</p><p>.list-item {<br> 文字轉換：大寫;<br> 背景顏色：rgb( 200, 30, 40); <br> 字體大小: 1.3em;<br> 文字對齊: left;<br> 內邊距：10px;<br> 邊距：1px;<br> 顯示：flex;<br> flex-direction：行；<br> flex-wrap：換行；<br> justify-content：flex-開始;<br>}</p>

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