Wie verwende ich Spalten in einem Raster, um Flex horizontal einzuwickeln?
P粉481035232
P粉481035232 2023-08-16 21:11:09
0
1
520
<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>
P粉481035232
P粉481035232

Antworte allen(1)
P粉143640496

你需要在你的弹性盒子上设置一个高度。在这种情况下,只需将height: 400px添加到.flex-columns类即可解决问题。

原因是你的弹性盒子假设它可以尽可能地高,并且由于弹性方向设置为列,它将所有内容都放入一个列中。当弹性盒子是一行时更容易可视化!

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage