如果运行以下代码，您会注意到单词 hello 在白色 div 中垂直输出，每行之间的距离很大。我尝试了很多不同的事情，例如摆脱边距样式(不确定它是否重要)但没有找到解决方案。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>div_experiment</title>
</head>
<body>
<style type = "text/css">
body
{
background-color: black;
}
#div_id
{
position: absolute;
top: 0%;
left: 50%;
margin: 0 auto;
overfill: auto auto;
max-height: 696px;
background-color: white;
font-size: 25px;
}
</style>
<script language="JavaScript">
</script>
<div id = "div_id">
<p>hello</p><br>
<p>hello</p><br>
<p>hello</p><br>
</div>
</body>
</html>
最佳答案
您的段落元素具有该边距，而不是容器。所以这个规则应该修复它:
#div_id p {margin: 0;}
关于html - 我的文本在 div 中的每个新行之间有很大的垂直空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21807089/