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
不是'功能',但你是对的,这是导致问题(因为它是一个块元素)