Wie kann man in CSS dafür sorgen, dass jedes Element die gleiche Breite wie das breiteste Element hat?

So stellen Sie sicher, dass jedes Element die gleiche Breite wie das breiteste Element hat

In diesem Layout wird jedes Element so gestreckt, dass es die Breite des breitesten Elements einnimmt Element, auch in Szenarien, in denen das Element in mehrere Zeilen umgebrochen wird. Um diesen Effekt mit CSS zu erzielen:

<div>

 display: inline-flex;<br> flex -direction: row;<br> justify-content: center;<br>}</p><p>.list {<br> display: flex;<br> Flex-Richtung: Spalte;<br>}</p><p>.list-item {<br> Text-Transform: Großschreibung;<br> Hintergrundfarbe: RGB(200, 30, 40) ;<br> Schriftgröße: 1,3em;<br> Textausrichtung: links;<br> Polsterung: 10px;<br> margin: 1px;<br> display: flex;<br> flex-direction: row;<br> flex-wrap: wrap;<br> justify-content: flex-start;<br>}&lt ;/pre><br><pre class="brush:php;toolbar:false"><p><div> <div class="list"></p>
<pre class="brush:php;toolbar:false"><div>