Wie verwende ich Spalten in einem Raster, um Flex horizontal einzuwickeln?
P粉481035232
2023-08-16 21:11:09
<p>https://codepen.io/itaied246/pen/eYbOWjm</p>
<p>Ich habe erfolgreich eine Flexbox mit vertikalem Scrollen erstellt, die den Raum horizontal ausfüllt und nach unten scrollt. </p>
<p>Ich möchte dasselbe horizontal machen, d. h. den Raum vertikal ausfüllen und nach rechts scrollen. </p>
<p>Mein <code>flex</code> befindet sich in einem entsprechenden <code>grid</code> mit seinem <code>max-content</code>. </p><p>
Was habe ich verpasst? </p>
你需要在你的弹性盒子上设置一个高度。在这种情况下,只需将
height: 400px
添加到.flex-columns类即可解决问题。原因是你的弹性盒子假设它可以尽可能地高,并且由于弹性方向设置为列,它将所有内容都放入一个列中。当弹性盒子是一行时更容易可视化!