文章标签

通过 Manuel Matuzović 的帖子，该帖子是 Temani Afif 的演示。

.wrapper {
  margin-inline: max(0px, ((100% - 64rem) / 2)); 
}

阅读 Manuel 对 ... 的细致分析，你将受益匪浅。

有很多方法可以做到这一点。当然，一些方法比其他方法更可取，更适合某些情况。...

我认为这是 Silvestar Bistrović 的 很好的建议

启用选择器是我对执行一项任务而不禁用特定规则的选择器的称呼。

一个经典的例子是对所有元素应用 margin，只是后来不得不删除 ...

CSS 中的 margin-inline-end 属性定义了元素在内联方向上沿外侧结束边缘的空间量。它包含在 CSS 逻辑属性级别 1 规范 中，该规范目前处于工作草案阶段。...

CSS 中的 margin-inline-start 属性定义了元素在内联方向上沿外侧开始边缘的空间量。它包含在 CSS 逻辑属性级别 1 规范 中，该规范目前处于工作草案阶段。...

Josh Comeau 介绍了边距合并的概念

这个概念听起来可能很简单，但是如果你已经编写了很长时间的 CSS，你几乎肯定会对边距没有合并，或者以奇怪和意想不到的方式合并感到惊讶。

使用这个标题代替经典的开发者点击诱饵版本 Max 使用的标题。;)

我们应该禁止在组件中使用边距。

不要使用边距？！我一直都在做这件事，而且没有任何问题？！...

PPK 深入研究了这个主题，他发现网页技术文档中对此的介绍十分不足。 我们的条目 根本没有提到负边距，我打算解决这个问题。

同意这种情况

这是迄今为止最常见的用例

Robin 之前已经介绍过这个问题，但我最近几周听到了一些关于它的困惑，并看到了 其他人尝试解释它，我想加入这个讨论。...