纯css网格,其中包含未知总元素数量和未知数量的元素

时间:2016-06-13 22:01:50

标签: css css3 layout element responsive

好的,首先我开始搜索此问题。我可能使用了错误的查询,因为英语是我的第二语言,但我尽力不重复。

好的,让我来形容一下我的目标。我有一个元素(让我们称之为)“A”,其中包含简单的无序列表框。所有盒子的大小都可以改变,因为它们与它们内部的照片相对应。所有方框在右侧和底部都有边距,并设置为向左浮动。

现在问题是所有这些盒子都只是普通的ul元素。如果元素“A”占据整个空间,则此框的5个完全连续。但是我使用的框架允许人们在元素“A”旁边放置其他元素,这使得元素减少自己的宽度。因此,如果它足够减少,它不能再包含5个盒子,但只能用于。我有基于第n个孩子的解决方案但是如果元素被调整大小则它不起作用。

所以我的问题是如何创建合理的网格,并且无论包含它们的元素的宽度如何,总是均匀放置框?此外,我必须在CSS中这样做,我不能修改结构(它必须保持无序的div列表)。有任何想法吗?我希望自己足够清楚:)谢谢。

0 个答案:

没有答案