Question

ZURB Foundation响应框架中是否有保留字？如果有，他们在哪里记录？

我有一个使用css（display：table，table-row和table-cell）使用div构建的表。

我在视图中得到的是......

如您所见，最后一个标题在其自身与第一行之间有一个空格。

我在ZURB基金会的医疗查询中遇到了麻烦。

@media only screen
[class*="column"] + [class*="column"]:last-child {
  float: right;
}

注意：我仅使用Chrome（版本43.0.2357.134（64位））对此进行了测试。

根据屏幕尺寸，当下一个图像显示时，空间将位于左下方或左侧。

如果我从ZURB禁用媒体查询，问题就解决了。

但是，媒体查询不是此问题的根本原因。问题是我的班级名称包含列，即column-sea-foam或my-class-name-with-column。

其他不能使用的例子

class="lkjcolumnlkasjdg"
class="large-columns-here"
class="columnz-here"
i.e. any condition where /column/.test( className );

如果该标题的任何类名称中包含列字样，则会包含该空格，您可以通过媒体查询 class * =“column” <查看/ p>

我可以通过不使用世界列来解决这个问题，我发现我现在可以对类名进行略微限制;我猜测使用响应式框架的价格。

我不得不花时间讨论这个问题，我想要找到ZURB记录保留字的地方，或者告知ZURB这个问题，以便记录下来。