首页 文章

Zurb Foundation:阻止网格刷新

提问于
浏览
0

假设我在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 回答

  • 1

    进一步搜索后,我发现Foundation将 clear:both 应用于Block Grid中的所有n个第1个元素,而不管元素的可见性如何 . 但是,如果网格中的所有元素具有相同的大小,则清除不会改变任何内容 .

    在我的情况下,幸运的是,所有元素都具有相同的大小,因此从CSS中删除 clear:both (或用 clear:none !important; 覆盖它)解决了我的情况 . 但是,如果元素的大小不同,则这不是解决方案 . 我也发现this几乎是同一个问题 .

相关问题