无法删除 CSS 中的边距（Summernote、MVC、.NET）

Question

我在删除 CSS 中的边距时遇到问题。

我正在 MVC .NET 项目中工作，并且已经实现了 summernote 编辑器。它使用以下 CSS 个文件：

summernote.css
font-awesome.css
bootstrap.css

以及 MVC 应用程序的默认 css 文件。

我检查了该页面，它说我在 .note-editor class 的右边有空白。然后，我将 div（和 class）的边距设置为 0，但到目前为止，无法将其删除。

这是我的屏幕截图 link（因为我需要 10 声望才能 post 图片）：

如果有人能提供帮助，我将不胜感激！

Answer 1

在 Site.css 文件中尝试或尝试直接键入 style="margin 0 0 0 0" 或尝试将另一个 class 应用于当前。

Answer 2

它不是 margin，它只是容器 .col-md-10 内的空 space，如屏幕截图所示。为了更好地理解，我创建了这个 fiddle

这里父元素 .container 有一些 max-width 并且居中对齐，内部元素 .inner-container 有 max-width: 90%; 并且还有剩余的 space 10% 个。如果您检查它，您会看到它与您的示例相同 orange，您认为它是边距。

在您的场景中，父元素 .col-md-10 有一些 width，内部元素 .note-editor 有一些 max-width:95%。在这里，还有 5% 的剩余 space，您将其假设为 margin。

要删除它，请删除 max-width 或者如果您提供 max-width:100% 或 width: 100%，您的问题将得到解决。

Answer 3

好的，我找到问题所在了。 .note-editor 显示为一个块。我将其样式更改为 display:inline-block 和 width:95%。这很好地修复了它。感谢大家的帮助！

Answer 4

以下 css 对我有用。

.note-editor{
             display: inline-block;
             border: none;
            }

Can't remove margin in CSS (Summernote, MVC, .NET)