Bagaimana untuk menggunakan lajur dalam grid untuk membalut lentur secara mendatar?
P粉481035232
2023-08-16 21:11:09
<p>https://codepen.io/itaied246/pen/eYbOWjm</p>
<p>Saya berjaya mencipta kotak fleksibel dengan tatal menegak yang mengisi ruang secara mendatar dan tatal ke bawah. </p>
<p>Saya mahu melakukan perkara yang sama secara mendatar, iaitu mengisi ruang secara menegak dan tatal ke kanan. </p>
<p><kod>flex</kod> saya berada di dalam <kod>grid</kod> dengan <kod>maks-kandungan</kod>. </p><p>
Apa yang saya terlepas? </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda perlu menetapkan ketinggian pada flexbox anda. Dalam kes ini, hanya menambah
height: 400pxpada kelas .flex-columns akan menyelesaikan masalah.Alasannya ialah kotak flex anda menganggap ia boleh setinggi mungkin, dan memandangkan arah flex ditetapkan kepada lajur, ia meletakkan semuanya dalam satu lajur. Lebih mudah untuk digambarkan apabila flexbox adalah satu baris!