<br/>比平时休息更大？

Question

这在过去并不是一个问题，我不知道发生了什么，但是我的页脚中的元素将文本分隔为10px。想知道我是否有一些我不知道的CSS或标签？

这是我的代码：

.contentFake {
  background-color: #333;
  height: 200px;
}

.footer {
  width: 100%;
  position: fixed;
  margin-bottom: 0px;
  height: 80px;
  background-color: #1A1A1A;
  display: block;
}

.footerContent {
  width: 80%;
  margin: auto;
  padding: 20px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border: none;
}

<div class='contentFake'>
  <div class='footerContent'>
    <p>
      <font face="Helvetica" size="2" color="white">
        <font size="5" face="Indie Flower"><strong>THIS IS FOOTER</strong></font> <br />
        <a href="index.html">Home</a><br />
        <a href="BLOG.html">Blog </a><br />
        <a href="PHOTOS.html">Photo Feed </a><br />
        <a href="VLOGS.html">Vlogs </a><br />
        <a href="VIDEO.html">Farewell </a><br />
        <a href="#">BACK TO TOP </a><br /> © Jack Champions FOOTER All Rights Reserved 2017</font>
    </p>
  </div>
</div>

jsfiddle：https://jsfiddle.net/gu1pdh5a/

你直接在这里运行的代码是我希望看到的代码，但是我的代码却是这样的吗？

Answer 1

从你的图片中我发现有很多空间。我会给你一些修正，然后你可以尝试哪一个适合你。

首先，空间是由let jsonData = {"values" : [ "<p>value&nbsp;{{ val }}&nbsp;</p>\n\n<p> <strong>value2 {{ val2 }}</strong></p>\n"]} console.log(JSON.stringify(jsonData).replace("&nbsp;",'')); 或<br>引起的，所以我们要删除每个空格的填充和边距

<a>

这个对.footerContent br{ margin:0px; padding:0px; font-size:16px; } 元素

执行相同的操作

<a>

在这里，我有一个jsfiddle，其中我删除了.footerContent a{ margin:0px; padding:0px; } 个标记，并在每一行中显示<br>作为第一个块并使用保证金。

这是使用<a>的另一个jsfiddle（这更好，更容易管理）。

Answer 2

您的<p>元素具有默认边距（顶部和底部），因此只需使用p元素的新样式覆盖它们，例如p {margin: 0;}

Answer 3

使用边距和填充而不是tbl.A == parentId标记。您可以为a标签添加填充顶部和底部。