如何在某个排序图像库中对齐ul中包含的图像

时间:2014-01-12 13:09:02

标签: css css3 singularitygs

我有一个对称网格。我已将输出类型设置为浮动6列。我的目标是在无序列表中显示列表项,在这种情况下,在某种图像库(gist)中显示图像。

移动布局:所有图片100%宽度垂直对齐。

bp500px:每张图片宽3列 - 效果很好。

bp750px:每张图片宽2列 - 布局中断。

浮动范围不适用于列表中的第二项 - 但基本上每个项目编号1和2以及浮动范围(2,最后)为每三个设置浮点数(2)?

或组合$ output:float和float-span在对称网格环境中对于那种目标已经是错误的选择?最好使用隔离混合物?

最好的问候拉尔夫

1 个答案:

答案 0 :(得分:1)

如果有与之关联的代码,这将更容易调试,但可能对于 bp500px li:nth-of-type(even)last。它具有比简单li更高的选择器权重,并且由于媒体查询的选择器权重低于伪选择器,因此您需要执行以下操作之一:

  • 通过使用您想要的范围重新调用 bp750px 中的:nth-of-type(even)选择器 _屏蔽 bp500px ,以便您使用(min-width: 500px)而不是(min-width: 500px) and (max-width: 749px)