我看过很多关于How to specify an element after which to wrap in css flexbox?的文章,但都是关于基于行的布局。我有一个由drupal生成的固定html。任务是强制第三个li
之后的任何li
进入第二列,并保持高度自动:
第一个
所以第一列需要有固定的thee元素,其他所有元素都应该被推到第二列。请注意ul
不能有固定的高度,html结构只能用drupal中的twig做一点点改变。
我看过很多关于How to specify an element after which to wrap in css flexbox?的文章,但都是关于基于行的布局。我有一个由drupal生成的固定html。任务是强制第三个li
之后的任何li
进入第二列,并保持高度自动:
第一个
所以第一列需要有固定的thee元素,其他所有元素都应该被推到第二列。请注意ul
不能有固定的高度,html结构只能用drupal中的twig做一点点改变。
1条答案
按热度按时间f4t66c6m1#
因为你不能设置固定的高度,所以Flex不起作用。
您需要对容器设置高度限制以触发换行。
但是,使用网格的布局非常简单:
第一个