html标签怎么设置段落间距_p标签默认样式及调整建议【指南】

margin 是控制 p 标签段落间距的唯一有效 CSS 属性line-height 仅影响段内行距不改变段落间距离因外边距合并相邻 p 间距取 margin 最大值而非相加需通过重置 margin 或触发 BFC 实现精确控制。margin 是控制 p 标签段落间距的唯一有效 CSS 属性浏览器默认会给它加上下外边距margin-top 和 margin-bottom不是靠 line-height 或 padding。为什么改了 line-height 段落间距没变因为 line-height 只影响段落内部行与行之间的距离不影响段落与段落之间的空白。常见错觉是“调大 line-height 就能让段落拉开”实际只是让单个段落变高了相邻 p 的上下 margin 依然重叠发生外边距合并视觉上间距几乎不变。如何准确调整段落间距直接覆盖默认 margin 值即可推荐以下方式统一重置用 * { margin: 0; padding: 0; } 或更稳妥的 p { margin: 1em 0; }1em 约等于当前字体大小按需差异化比如标题后接段落可写 h2 p { margin-top: 0.5em; }避免用 padding 替代 margin它会撑大容器、影响背景色/边框范围且不参与外边距合并逻辑注意外边距合并连续多个 p 时相邻的 margin-bottom 和 margin-top 会取较大值不是相加不同浏览器默认 margin 值有差异吗有但差别不大 Mokker AI AI产品图添加背景