假设我在Foundation "Block Grid"中有10个块(这些块由块网格等间隔)在3列中 . 这给了我3行3个块和1个单个块 .
如果我动态添加一个带有 display:none
的类,比方说,首先阻止我得到的仍然是相同的4行,用一个孔代替块号1 .
有没有办法强制它重新排列块,好像它已经从9开始,你会得到3行3块?
编辑:
在我的初始发布后不久,我发现它进行了测试,它看起来像块网格中的一个错误:我在UL中包含了一个 display:none
类,这个类在HTML代码中由Block Grid控制从一开始就确定足够的不应该显示的块会影响布局!
看起来Foundation会计算在UL中编码的LI,而不考虑它们的显示属性 . 在上面的例子中,如果我将第一个块(LI)设置为 display:none
,我仍然得到4行,第一行只显示2个块!
1 回答
进一步搜索后,我发现Foundation将
clear:both
应用于Block Grid中的所有n个第1个元素,而不管元素的可见性如何 . 但是,如果网格中的所有元素具有相同的大小,则清除不会改变任何内容 .在我的情况下,幸运的是,所有元素都具有相同的大小,因此从CSS中删除
clear:both
(或用clear:none !important;
覆盖它)解决了我的情况 . 但是,如果元素的大小不同,则这不是解决方案 . 我也发现this几乎是同一个问题 .