Question

有没有办法让我的例子中的线条之间的间距更小？

<html>
<head>
<title>test</title>
</head>
<body>
<div>
  <p>test</p>
  <p>test</p>
  <p>test</p>
  <p>test</p>
</div>
</body>
</html>

当我看到结果时，“测试”行之间有很多空格。

谢谢，

马科，

Answer 1

间距可能由几个不同的东西引起。最值得注意的是，与<p>标记关联的行高，边距和填充。

可以使用CSS调整它们：

p {
  line-height: 1.2em;
  margin: 0.2em 0;
}

可以在这里进行大量的实验，并在谷歌上提供大量帮助，以获取有关CSS如何影响事物的详细信息。

Answer 2

使用CSS，只需在样式部分添加此行：

p { margin-bottom: -.2em; }

Answer 3

p{
    line-height: 16px;
}