当前位置: 首页 > 面试题库 >

将弹性项目定位到最后一行或特定行

东方俊材
2023-03-14
问题内容

我的问题是我希望flexbox的范围宽度可变,并且一切正常,但不在最后一行。我希望所有孩子都具有相同的尺寸,即使行中没有孩子(最后一行)也没有。

#products-list {
    position:relative;
    display: flex;
    flex-flow: row wrap;
    width:100%;
}

#products-list .product {
    min-width:150px;
    max-width:250px;
    margin:10px 10px 20px 10px;
    flex:1;
}

我的flex div可以缩小到150像素,最大可以增长到250像素,但是所有像素都必须具有相同的大小(很明显,我想要CSS解决方案,我知道用JS)。


问题答案:

不幸的是,在当前的flexbox迭代(级别1)中,没有干净的方法来解决最后一行的对齐问题。这是一个普遍的问题。

具有以下行为的flex属性将很有用:

  • last-row
  • last-column
  • only-child-in-a-row
  • alone-in-a-column


 类似资料:
  • 在执行group-by之后,我的新df有3级multindex。我需要访问所有带有“ZEBRA”标签的行;它包含在第3级索引中。我正在尝试使用,但无法这样做。我想遍历标签,但这必须是一个嵌套循环才能在下面进行;这让我觉得我没有沿着正确的思路思考,肯定会更容易。 这个问题看起来很接近-按索引选择多索引数据帧中的行而不丢失任何级别,但重点关注第一级索引。 期望:

  • 问题内容: 当我不知道行数时,是否可以使网格项目从第一行到最后一行? 可以说我有以下HTML,其中的框数未知。 如何使第一个网格线到最后一个网格线的第三个跨度? 问题答案: 您可以将grid-row-start添加到该框中的css,并将其设置为跨越一个非常大的数字。 编辑-免责声明: 这是非最佳解决方案,并非在所有浏览器中都有效,请当心!尽管这在某些浏览器(Chrome)中似乎可行,但其他浏览器(

  • 问题内容: 我有一个用例,我需要为用户分配编辑高度动态项目的权限,该项目可能有成百上千个。每个用户( 属于相同类型或组 )必须分配给其中一些项目(并且不同的用户可以访问相同的 Company Items )。此外,这些物品的数量会迅速增加或消失。这些项目与用户没有内在联系,但必须任意分配给他们。 让我们称这些项目为 公司项目 。 因此,我希望能够将 公司项目 分配给用户,并动态撤消该访问权限。然后

  • 当新项目添加到视图中时,我试图使我的listview移动到最后一个项目。有了textview,我可以通过这样做来实现这一点 但对于带有适配器的listview,我似乎无法找到调用的方法。我的适配器设置

  • 如何计算从特定索引开始的行数?上面的代码计算行的总数。loc1和loc2是包含工作簿、工作表、行和单元格变量的类的ref变量。

  • 问题内容: 假设我有以下HTML: 和这个CSS: 现在想象一下,我想将其分为三列,相当于在第三列之后注入a 。 (实际上,这样做在语义和语法上都是无效的。) 我知道如何在CSS中选择第三个,但是如何在它之后强制换行呢?这不起作用: 我也知道使用代替可以实现这种特殊情况,但是我对使用的解决方案不感兴趣。我也知道,对于固定宽度的块,可以通过将父对象的宽度设置为该宽度的3倍来实现。我对此解决方案不感兴