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

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

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

<div>

 display: inline-flex;<br> flex -direction: row;<br> justify-content: center;<br>}</p><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><div> <div class="list"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><div>

ログイン後にコピー

ログイン後にコピー