0

现在我正在尝试将我的链接与页脚中的 ap 对齐。由于某种原因，导航中的所有链接都很容易对齐，但是当我尝试在页脚中的 p 旁边放置一个链接时。链接转到底部。我试过让我的页脚内联，我试过不同的定位方法，我试过浮动。然而，通过去掉下面丑陋的白色条纹，制作页脚内联块确实稍微改善了这种情况。但我仍然需要让链接正确对齐。这是我的页脚的 html 代码

<div id="footer">

          <p><b>Copyright 2011 Hometown Bank, Inc.</b></p>
          <a href="google.com">Privacy Policy</a>
</div>

这是页脚的css。

#footer
        {
            spadding-top: 1px;
            height: 7%;
            background-color:#CCDDEE;
            width: 100%;
            display:inline-block;
            position:

        }

如果您需要更多代码或更多信息，请务必让我知道。

4

3 回答 3

1

嗨，现在你可以像这样轻松地做到这一点

html

    <div id="footer">

          <p><b>Copyright 2011 Hometown Bank, Inc.</b> <a href="google.com">Privacy Policy</a></p>

</div>

现场演示

于 2012-09-11T04:46:55.383 回答
0

<p>将有填充/边距，默认为 display:block。因此，链接将出现在新行上。改为<p>a<span>并根据需要更新您的样式。

<div id="footer">
      <span style="font-weight:bold">Copyright 2011 Hometown Bank, Inc.</span>
      <a href="http://example.com/">Privacy Policy</a>
</div>
于 2012-09-11T00:29:28.713 回答
0

通过这种方式编码，您可以很容易地做到这一点

于 2012-09-11T00:35:37.217 回答