すべての項目を CSS の最も幅の広い要素と同じ幅にする方法は?

すべての項目を最も幅の広い要素と同じ幅にする方法

このレイアウトでは、各項目は最も幅の広い要素の幅を占めるように引き伸ばされます。要素が複数の行に折り返されるシナリオでも同様です。 CSS を使用してこの効果を実現するには:

 display: inline-flex;<br> flex -direction: row;<br> justify-content: center;<br>}<p>.list {<br> 表示: flex;<br> flex-direction: 列;<br>}</p><p>.list-item {<br> text-transform: Capitalize;<br> 背景色: rgb( 200, 30, 40);<br> font-size: 1.3em;<br> text-align: left;<br> パディング: 10px;<br> マージン: 1px;<br> 表示: flex;<br> flex-direction: row;<br> flex-wrap: ラップ;<br> justify-content: flex-start;<br>}</p>

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

<div><p></p></div><br>