问题标签 [gutter]

我正在尝试在 1 行上内联 3 个项目。每个项目都必须有一点空间。问题是当我添加边距时，第三项将换行。我已经尝试向父级添加负边距，但这不起作用。

我用我的问题做了一个例子，这个例子是使用tailwindcss：

我无法删除flex-wrap，因为它必须每 3 个项目包装一次，而且我不能使用padding.

我怎样才能让它工作？

在我的 IntelliJ idea 插件项目中，我在渲染排水沟图标时遇到问题。

我想在行号旁边呈现装订线图标，但它只呈现小矩形。装订线图标路径已正确加载，装订线图标大小为 12x12px，格式为 png。你能帮助我吗？

我的代码：

让我们考虑这个例子。
我有一个包含内容的文件：

我为“二”行创建了一个线条装饰：

这给了我

下一步：我通过在“第二”行之前添加一个新行来更改文件内容。
之后该文件如下所示：

如您所见，VSCode 更新了我的线条装饰，现在它位于第 3 行（而不是第 2 行），这是完全正确的，我已经预料到了。

现在的问题是：我怎样才能获得我的线条装饰的当前更新位置？如果我持有range参考 - 它仍然指向第 2 行。

处理这种装饰变化的正确方法是什么？

这两个选项中的任何一个都会让我满意：

1. 一种查询当前打开文件显示的所有当前装饰位置的方法
2. 一种订阅decoration/range更改的方法，以便我可以手动处理这些。

也许我完全错了，应该以另一种方式完成。
请指教！

我正在尝试基于此 Adob​​eXD 设计创建一个 12 列布局（使用 CSS 网格 - 无引导程序）：

以下是我的 PC 屏幕尺寸（全屏宽度：1920 像素）： 列宽：68 像素（12 次） 装订线宽度：40 像素（11 次） 外装订线：228-220 像素（2 次）

如何设置边距/外边距？

如果我创建 14 列（下面的代码），我将在两侧的列旁边有两个 40 像素宽的额外排水沟。是否可以为这两个装订线设置自定义装订线宽度？百分比是定义网格模板列和列间隙的正确度量单位吗？

在这种情况下，最佳做法是什么？我几乎找不到关于这个特定主题的任何信息。

我正在尝试使用 bootstrap 4 网格。cols 的数量在数量上有所不同，并且是动态添加的。它导致在一行中添加超过 12 个列（这并不理想 - 但不确定在动态添加列时如何处理这种情况）。

结果：网格工作正常并按预期重新排列列。但是，我认为内槽的排水沟增加了两次。请参阅所附图片。

我搜索了文档，使用了 justify-space-between/around - 但没有运气

https://jsfiddle.net/8L3dt1xh/1/

任何关于如何在列之间获得均匀间距的指针都会有很大帮助。

大家下午好，我在编码方面不是很有经验，经过长时间的 RSyntaxTextArea 实验后，我仍然无法更改 Gutter。我不知道如何对装订线颜色进行编码，我想将装订线颜色更改为这种新颜色（9、11、16）；有人可以帮我解决这个问题吗？

这是库https://github.com/bobbylight/RSyntaxTextArea

这是我的编辑器，当我更改主题时，Gutter 有点破坏氛围

一直通过 NPM 使用 Bootstrap 4 并将其导入到我的主 SASS 文件中。在导入之前，我声明： $grid-gutter-width: 26px !default;

然后导入引导包。

最近我一直在玩弄使用引导 CDN，并从我的 SASS 文件中删除导入，但我正在努力像以前一样设置和覆盖网格排水沟宽度。CDN 在结束标记之前被引用</body>，然后在我的 app.scss 中，我仍然像上面一样声明网格装订线，但装订线仍然是 30 像素（列的每侧 15 像素）。

那么我做错了什么，或者如果使用CDN就无法做到这一点？

我的机器上有不同的存储库，我们将它们命名为 X 和 Y。在我开发 X 时，装订线指示器工作得很好。但是在 Y 中，它没有显示文件上的差异。

当我单击 VSCode 中的“源代码控制”面板，然后选择文件以显示差异时，它显示的文件如下所示：

看起来在更改之前有一行代码，但这是错误的。我的 git 版本是git version 2.29.2.windows.3而我的 VSCode 版本是 1.55.2 (user setup)。当我推送 Y 的代码时，它会在 GitHub 上正确显示差异。任何的想法 ？感谢您的回复。

我按照您的描述进行了更改，但是当我检查它在手机上的外观时，蓝色框和粉红色框是分开的，我想在一起。我附上了它的外观截图，我希望它看起来类似于桌面版本。

我不确定哪个实体可能导致此问题。

- 编辑 -

只是为了提供更清晰的信息，这里是 container_tag 和 container_box 在移动屏幕（365 像素）中的外观的屏幕截图。 应该看起来像这样

看起来像这样

这种布局几乎就在那里，但我无法在连续的列 div 之间出现排水沟（右侧，绿色）。保存所有行（蓝色）的 div 宽度的配置也很麻烦。代码在这个 jsfiddle中，布局如下图所示。主要的右侧列将动态添加一些未知数量的项目。左侧及其项目是静态的。

它的核心非常通用。也许这是有问题的溢出滚动？但是我尝试了很多调整，但没有任何效果：