css - div / 间距和格式问题内的文本

Question

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

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

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

谢谢，

马可，

score 5 · Accepted Answer

间距可能是由一些不同的事情引起的。<p>最值得注意的是，与标签相关的行高、边距和填充。

它们都可以使用 CSS 进行调整：

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

有很多实验可以在这里完成，谷歌上有很多帮助，以获取更多关于 CSS 如何影响事物的详细信息。

score 2 · Accepted Answer

使用 CSS，只需在您的样式部分添加这一行：

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

jsFiddle在这里

score 2 · Accepted Answer

2

p{
    line-height: 16px;
}

于 2012-06-06T16:33:00.877 回答

3 回答 3