如何将链接置于HTML中心

yos*_*osh 17 html center centering

我是HTML的新手,想知道如何使用html中心多个链接?

我已经试了 :

  <a href="http//www.google.com"><p style="text-align:center">Search</a>
Run Code Online (Sandbox Code Playgroud)

但问题是,当我尝试将其他链接放在后面时,例如:

 <a href="http//www.google.com"><p style="text-align:center">Search</a><a href="Contact Us"><p style="text-align:center">Contact Us</a></p>
Run Code Online (Sandbox Code Playgroud)

它只是将它们放在不同的行上.我相信这是因为<p>函数发生...但我只知道HTML,我知道你可以在CSS中做到但我想知道是否可以使用HTML完成.

谢谢你的帮助!

oez*_*ezi 29

你的代码中有一些错误 - 第一个:你没有关闭你p-tag:

<a href="http//www.google.com"><p style="text-align:center">Search</p></a>
Run Code Online (Sandbox Code Playgroud)

next:p代表'paragraph'并且是一个块元素(因此它会导致换行).你想要使用的是一个span,它只是一个格式化的内联元素:

<a href="http//www.google.com"><span style="text-align:center">Search</span></a>
Run Code Online (Sandbox Code Playgroud)

但是如果您只想为链接添加样式,为什么不直接为该链接设置样式:

<a href="http//www.google.com" style="text-align:center">Search</a>
Run Code Online (Sandbox Code Playgroud)

最后,这至少是正确的html,但仍然不是你想要的,因为text-align:center将文本置于该元素的中心,所以你必须为包含这个链接的元素设置(这段html不是发布,所以我无法纠正你,但我希望你理解) - 为了表明这一点,我会用一个简单的div:

<div style="text-align:center">    
  <a href="http//www.google.com">Search</a>
  <!-- more links here -->
</div>
Run Code Online (Sandbox Code Playgroud)

编辑:您的问题的一些补充:

  • p 不是'功能',但你是对的,这是导致问题(因为它是一个块元素)
  • 你正在尝试使用的 css - 它只是内联而不是放在一个单独的文件中,但你不是在这里'只做HTML'