问题标签 [gutter]

我已经开始使用 Susy，它的功能给我留下了深刻的印象。目前我正在创建一个有 4 个媒体查询的网站：

对于最后两个 $small 和 $large 我想要两列固定宽度为 px 和 10px 排水沟。我不想在 % 中出现排水沟，因为我想确保在所有浏览器中结果看起来都是一样的。

所以对于固定的colomnus，我使用susy-breakpoint

所以，我的主要问题是：使排水沟固定而不是 %（如 1/1.5）以更好地控制网格的方法和最佳实践是什么？

由于没有人说脏话，我想出了“我自己的方式”来获得固定的排水沟和柱子。

设置是：

和主scss：

但主要问题仍然悬而未决： - 固定网格和排水沟的最佳做法是什么？

在我建议的代码中，我正在使用

跨度（像素）

$susy如果我不使用 span 和 % 中的列，我该如何设置

列：24，列宽：40px，

见下文：

请点击此处查看图片，问题为 http://imgr.es/26LP

我不能用填充添加排水沟，因为我正在使用Paul Irish global box sizing。

遵循我的代码：

我正在制作一个基于盒子的布局，并且我在引导程序 3 中遇到了排水沟问题。由于自引导程序 2 以来它们已被更改为填充，所以每次我想向盒子添加填充时，它都会完全破坏排水沟。我似乎找不到解决问题的方法。

我使用一个 .box 类从它的排水沟中突出显示该框，并为它们提供背景颜色和图像。我想在文本框内填充，所以它不在框壁的边缘，所以我创建了一个 .box-inner 类，但我不能只对它应用填充：/

任何帮助将不胜感激！我已经把头撞在墙上好几个小时了。

在这里，我用评论突出了问题区域：http: //jsfiddle.net/kbj8dd0e/6/

我正在尝试生成跨列跨度为 4 的 1/5 的排水沟。全局设置是：

紧随其后的是这个选择器：

生成的 CSS 为.mosaic：

我确实希望每边的填充为 4/5 / 12（列）/2（边）= 1/30 = 3.333...% 这将导致 1/5 的排水沟（每边 1/10 ) 的列跨度的总宽度。

1. 我如何达到预期的效果？
2. 填充值 (1.85...%) 是如何计算的？
3. 为什么它们不符合我的预期？

我开始为我的博客制作一个 tumblr 主题，但我遇到了问题。

我的砌体代码有排水沟和排水沟宽度。我不希望它出现在我的代码中。我在我的代码中研究了用于删除的排水沟选项，但我无法删除它。它是在 jquery 中嵌入代码。

我想用填充或边距代码分隔。不是装订线/装订线宽度选项...我能做些什么来解决它。

jQuery代码

我在引导程序中创建一个页面，我在一行中使用 4 个列。编码：

我为每个列添加了一个类，因此每个列都可以有一个边框。

问题是边界应该被引导网格的自然排水沟分开，这是行不通的。

请问你能帮帮我吗？谢谢。

我有一个流体响应同位素，砌体网格（也​​使用加载的图像 - 但在本例中没有），带有断点。

我想删除最后一个排水沟列，所以右侧没有间距，所以它齐平 - 但我无法计算出代码。

我在这里设置了一个例子：http: //codepen.io/mattpark22/pen/yyzKgo

主要功能有：

任何想法/提示将不胜感激！

我什至不知道这个装订线颜色/可绘制预览功能，直到最近在另一台计算机上看到它默认“打开”......

无论如何，回到我的工作站，我尝试启用该功能但没有运气。

基本上，例如，当我打开 colors.xml 时，我的屏幕如下所示：http: //i.imgur.com/HUR156y.png

在我的设置中，我认为我检查了启用排水沟预览所需的选项：http: //i.imgur.com/cqwONhb.png

那么我在装订线中的颜色/可绘制预览在哪里？它们不在 xml 和 Java 文件中显示。

谢谢/BR/理查德

我需要在我正在使用的纯网格中添加排水沟。因为我需要默认情况下它应该只是像这个例子一样的常规纯网格 css：

到目前为止我尝试了什么：

我也试过了，box-sizing但也没有用：

我还必须担心浏览器的支持。不是很好，但如果旧浏览器正确显示它们会很棒。

我将 Foundation 5 与 Sass 一起使用。在_settings.scss 中，您可以更改行和装订线的宽度。默认情况下，行设置为 1000 像素，但如果您在 Photoshop 中测量 12 列页面的宽度，则它只有 970 像素宽。我还发现装订线的宽度设置为 30px。

我的问题是：为什么 1000px 行实际上是 970px 宽？我需要担心吗？或者，如果我想要 1000 像素宽的页面，我必须将行设置为 1030 像素？