모든 항목을 CSS의 가장 넓은 요소와 동일한 너비로 만드는 방법은 무엇입니까?

모든 항목을 가장 넓은 요소와 동일한 너비로 만드는 방법

이 레이아웃에서는 각 항목이 가장 넓은 요소의 너비를 차지하도록 늘어납니다. 요소는 항목이 여러 줄로 줄바꿈되는 시나리오에서도 마찬가지입니다. CSS를 사용하여 이 효과를 얻으려면:

<div>

 display: inline-flex;<br> flex -방향: 행;<br> 정당화-내용: 센터;<br>}</p><p>.list {<br> 디스플레이: 플렉스;<br> 플렉스 방향: 열;<br>}</p><p>.list-item {<br> 텍스트 변환: 대문자;<br> 배경색: rgb( 200, 30, 40);<br> 글꼴 크기: 1.3em;<br> 텍스트 정렬: 왼쪽;<br> 패딩: 10px;<br> 여백: 1px;<br> 디스플레이: flex;<br> 플렉스 방향: 행;<br> 플렉스 랩: 랩;<br> 정당화 콘텐츠: flex-start;<br>}

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

<div>

<div>