Cara Membuat Setiap Item Sama Lebar dengan Elemen Terluas
Dalam susun atur ini, setiap item terbentang untuk menduduki lebar terluas elemen, walaupun dalam senario di mana item dibalut ke berbilang baris. Untuk mencapai kesan ini menggunakan CSS:
<div>
paparan: inline-flex;<br> flex -arah: baris;<br> justify-content: center;<br>}</p><p>.list {<br> paparan: flex;<br> flex-direction: lajur;<br>}</p><p>.list-item {<br> text-transform: capitalize;<br> background-color: rgb( 200, 30, 40);<br> saiz fon: 1.3em;<br> penjajaran teks: kiri;<br> padding: 10px;<br> margin: 1px;<br> paparan: flex;<br> flex-direction: row;<br> flex-wrap: 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>
<div>
Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Setiap Item Lebar Sama Seperti Elemen Terluas dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!