You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除p标签默认段落间距?解决paragraph-spacing无效问题

移除段落默认间距的解决方案

首先,paragraph-spacing并不是标准CSS属性,所以VS Code会提示未识别,浏览器也不会生效,这是正常的。要移除段落开头的默认间距,使用标准CSS属性即可实现:

  • 移除段落顶部默认间距:针对<p>标签设置margin-top: 0;,直接消除段落上方的默认边距
    p {
      margin-top: 0;
    }
    
  • 移除段落所有默认间距:如果需要同时去掉上下两侧的间距,设置margin: 0;,或者用逻辑属性margin-block: 0;控制块级方向的边距
    p {
      margin: 0;
      /* 等价于 margin-block: 0; */
    }
    
  • 消除段落首行缩进:如果你的需求是去掉段落开头的首行缩进(而非段落之间的间距),使用text-indent: 0;
    p {
      text-indent: 0;
    }
    

如果需要自定义段落之间的间距,也可以保留单侧边距来调整,比如只保留段落下方的间距:

p {
  margin-top: 0;
  margin-bottom: 1em; /* 自定义段落下方的间距大小 */
}

内容的提问来源于stack exchange,提问作者kaspien

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.17 18:33:09