如何减小<p>标签间垂直间距，设置line-height:0未生效怎么办

问题原因 #

<p>作为块级元素，大部分浏览器的默认样式都会给它设置上下margin值，你尝试调整的line-height仅作用于文本的行内高度，不会影响块级元素之间的外边距，所以调整无效。

解决方案 #

你只需要手动重置两个段落类的外边距即可，按需调整数值控制间距大小：

.title {
  /* 保留原有其他样式，新增下边距控制和下方subtitle的间距 */
  margin: 0 0 10px 0; 
}

.subtitle {
  /* 保留原有其他样式，重置上下边距 */
  margin: 0;
}

如果想要避免所有浏览器默认样式的干扰，也可以在样式最顶部增加全局重置规则：

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

内容的提问来源于stack exchange，提问作者Jesus