margin-bottom 比 line-height 更适合控制段落间距，因 line-height 影响行内基线距离而非段落间空白，而 margin-bottom 精准控制块级元素尾部到下一元素顶部的距离，且不干扰文本渲染、更利于可访问性与响应式设计。
margin-bottom 为什么比 line-height 更适合控制段落间距
因为
调整的是行内文字的基线距离，它影响的是段落内部的行间距，而不是段落与段落之间的空白；而
直接作用于块级元素（如
）的外边距，精准控制段落尾部到下一个块元素顶部的距离。
用
拉大段落间距，会导致单行段落看起来“上下留白不均”，甚至撑高容器高度
不干扰文本渲染逻辑，对可访问性、打印样式、响应式断点更友好
当段落后面紧跟标题（
）、图片或按钮时，
的视觉节奏更可控
给 p 设置 margin-bottom 的常见错误写法
直接全局重置
看似简单，但容易在嵌套、列表、表单等场景中引发意外空白。
列表项里的
（如
）会叠加父级
的默认 margin，造成双倍空隙
文章末尾的
仍保留
，导致页面底部多出无意义空白
响应式切换时，固定像素值（如
）在小屏下显得过大，而未配合
清除上一个元素的 bottom margin，可能造成“间距翻倍”
更稳妥的段落间距方案：使用相邻兄弟选择器
与其给每个
都设
，不如只给「后面还有段落」的
加间距，末尾自然收住。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
这样所有连续段落之间都有统一间隙，但首段无上边距、末段无下边距，避免溢出
用
而非
是为了利用 CSS 外边距合并（margin collapse）特性，在多数布局中更稳定
如果内容来自 CMS 或富文本编辑器，建议额外加一条：
，防止首段顶到容器边缘
移动端和长文排版中需要特别注意的兼容点
某些老版本 Safari 和微信内置浏览器对
单位下的
计算有细微偏差，且长文里大量段落叠加后，滚动性能可能受间接影响。
立即学习
“
前端免费学习笔记（深入）
”；
避免用
或动态 calc()（如
）作为
值，部分 Android WebView 会触发重排抖动
若段落内含图片或 iframe，记得检查它们是否设置了
，否则可能因默认 inline 行内行为导致
不生效
使用
重置某些 UI 库（如 Ant Design、Element Plus）自带的
样式，再统一接管，否则容易被覆盖
实际项目里，段落间距不是数值问题，而是上下文感知问题——同一组
在卡片里、模态框里、文章正文里，该有的间隙大小和合并逻辑都不一样。
line-heightmargin-bottompline-heightmargin-bottomh2margin-bottomp { margin-bottom: 1em; }pli > pul/olpmargin-bottom24pxmargin-toppmargin-bottompcode
p + p {
margin-top: 1.2em;
}
margin-topmargin-bottomp:first-of-type { margin-top: 0; }remmarginvhcalc(1rem + 2px)margin-bottomdisplay: blockmarginmargin-bottom: 0pp