是否可以对齐2列网格,使第二行上的项目与第二列对齐?这很难用文字来解释,所以我拟定了目标。
理想情况下,我希望
不能通过JS交换CSS类。
标签上有一个max-width
,但要一直长到这一点。
最佳答案
将元素2和元素3放在另一个容器div元素中,这样它的每个子元素都将使用相同的宽度(容器的宽度)。给容器一个最大宽度,以使它不会变得更大。
使元素1 float: left
使其仅在有足够空间时才浮动到左侧。
这是基础。也许您需要媒体查询或进一步的样式来确定所需的确切行为。
但想法是:
当屏幕有足够的宽度时,1漂浮在包含2和3的容器旁边。
关于css - Flexbox:2列网格,第一列为空,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37305233/