如何使每个项目的宽度与 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><div> <div class="list"><pre class="brush:php;toolbar:false"><div>