多年来,我每个工作日都在使用 CSS,但我完全迷失了这一点。
在开发中的这个页面上有大量的额外高度,但我不知道它来自哪里。
谁能看到发生了什么?谢谢
它pre
是您包裹在列表周围的标签。它将导致标记中的每个换行符显示为元素之间的间距。
我通过删除pre
标签进行了测试,这删除了额外的间距,但它也使元素使用它们的默认字体和大小。设置内容的font-family
andfont-size
以获得您想要的字体和大小,而不是pre
标签。
中的每个元素section.entry
都用三个<font>
标签分隔。它们是空的,但它们的默认高度是17px
.
删除font
标签。
该<pre>
标签用于向页面添加预先格式化的文本。因此,标签内的所有内容都与源代码中的内容完全相同,包括空格:
如果您没有使用正确的预格式化文本(因为您显然不是在这种情况下),您应该删除<pre>
标签并使用 CSS 来适当地格式化您的字体。