css文字换行后行距太大怎么调整

/* 调整行距的示例代码 */

/* 方法1: 使用 line-height 属性 */
p {
  line-height: 1.5; /* 设置行高为字体大小的1.5倍，可以根据需要调整数值 */
}

/* 方法2: 使用 margin 或 padding 调整段落间距 */
p {
  margin-bottom: 10px; /* 设置段落之间的间距为10px */
}

/* 方法3: 使用 CSS reset 或 normalize.css 来重置默认样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  line-height: 1.2; /* 自定义行高 */
  margin-bottom: 1em; /* 段落间距 */
}

解释说明：

1. line-height：这是最常用的调整行距的方式。line-height 的值可以是无单位的数字（如 1.5），也可以是具体的像素值或百分比。它决定了每一行文字之间的距离。

2. margin 或 padding：如果你发现行距太大，可能是因为段落之间的间距过大。通过调整 margin-bottom 或 padding-bottom 可以控制段落之间的距离。

3. CSS Reset 或 Normalize.css：有时候浏览器的默认样式会导致行距不一致，使用 CSS Reset 或 Normalize.css 可以统一不同浏览器的默认样式，确保行距的一致性。