如何移除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
相关产品推荐
相关产品推荐

