css行间距怎么设置

作者：热血震荡发布日期:2025-07-23 浏览:102

/* 设置行间距的示例代码 */

/* 方法一：使用 line-height 属性 */
p {
  line-height: 1.5; /* 可以是数字、百分比或具体的像素值 */
}

/* 解释：
   - line-height 属性用于设置行间距。
   - 数字值（如 1.5）是一个无单位的倍数，表示行间距是字体大小的 1.5 倍。
   - 百分比值（如 150%）表示行间距是字体大小的百分比。
   - 像素值（如 20px）则直接指定行间距的具体高度。
*/

/* 方法二：使用 em 单位 */
p {
  line-height: 1.5em; /* 使用 em 单位设置行间距 */
}

/* 解释：
   - em 是相对单位，1em 等于当前元素的字体大小。
   - 因此，1.5em 表示行间距是字体大小的 1.5 倍。
*/

上一篇：css 设置字体

下一篇：css字体描边