css 如何在flexbox列布局中的第n个元素后换行?

r1wp621o  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(280)

我看过很多关于How to specify an element after which to wrap in css flexbox?的文章,但都是关于基于行的布局。我有一个由drupal生成的固定html。任务是强制第三个li之后的任何li进入第二列,并保持高度自动:
第一个
所以第一列需要有固定的thee元素,其他所有元素都应该被推到第二列。请注意ul不能有固定的高度,html结构只能用drupal中的twig做一点点改变。

f4t66c6m

f4t66c6m1#

因为你不能设置固定的高度,所以Flex不起作用。
您需要对容器设置高度限制以触发换行。
但是,使用网格的布局非常简单:
第一个

相关问题