0

Twitter Bootstrap 和其他项目是否有充分的理由覆盖段落等元素的默认浏览器边距？

浏览器默认（顶部和底部 1em 边距）：

p { margin: 1em 0; }

Twitter Bootstrap（仅底部 10px 边距）：

p { margin: 0 0 10px; }

我的偏好（顶部和底部 10px 边距或垂直节奏长度）：

p { margin: 10px 0; }

以下是我的想法：

使用顶部和底部的边距，我可以依靠边距折叠来确保元素之间的边距不会太大。我有信心应该与其他元素隔开的元素。

仅使用底部边距，我必须将段落和类似内容放置在带有填充的容器中，或者冒着让它们与它们上方的元素齐平的风险，或者将 margin-bottom 应用于可能在它们上方的任何东西，以确保设计被间隔开。

总的来说，我更喜欢浏览器的默认设置。有什么我想念的吗？是否有讨论此主题的博客或文章？

4

2 回答 2

4

这个小提琴应该说明原因：http: //jsfiddle.net/men62/1/

这是关于文本相对于其容器和其他元素的一致布局。

于 2012-10-18T09:23:15.050 回答
2

我自己也不太确定，但我想是因为在写作规则和印刷设计中我们都习惯了这套规则：每个段落的底部都应该有一些空白。

我记得在我前段时间参加的写作课上，每段的下边距表示新段落的开始。如果不能应用下边距，也可以使用缩进作为新段落的标记。维基百科对此有一些解释，基于罗伯特·布林赫斯特的书，印刷风格的元素：

Elements of Typographic Style声明“至少一个 en [space]”应该用于在第一个段落之后缩进段落，并指出这是“实际最低限度”。

...

其他技术是可能的。可以将行缩进以表示新段落的开始。另一种技术是在段落之间插入垂直空间。这会创建有时称为“块段落”的内容。

在 Microsoft Word 等文字处理器软件上，默认情况下还设置每个段落的底部有一定的间距（通常为 10pt）。当它被应用到网络上时，似乎底部边距技术占了上风。

Marco Dugonjic 的一篇博文似乎暗示“将下边距设置为等于元素的行高可确保正确的垂直节奏。”

于 2012-10-18T09:31:59.197 回答