如何在HTML文档中居中放置URL

Question

大家好，我是HTML的初学者，我需要知道如何在我的网页内居中放置URL，例如：

<a href="http://www.google.com"> Click Here to Open Google </a>

我尝试使用标记和STYLE属性，但是它不起作用。

有人可以帮我吗？

Answer 1

您可以尝试在CSS文件中输入

a {display:block;text-align:center}

希望这会有所帮助，就我个人而言，我会在您的链接（例如google-link）中添加一个类名，否则这种样式会影响以后的所有锚点链接：）

因此在html文件中：

<a href="www.google.com" class="google-link">Click here to open google</a>

然后在css文件中：

.google-link {display:block;text-align:center}

此外，您的href还需要在其后添加=：href="www.google.com"

Answer 2

我认为原因是因为您的DOM仅覆盖了文本链接的宽度，即“单击此处打开Goog​​le”。因此，将其与“ center”标记居中放置将无法提供所需的内容。

请尝试以下操作：

<div style='width:100%; text-align:center;'><a href="http://www.google.com"> Click Here to Open Google </a>

说明是，您创建了一个“ div”元素，并为其设置了100％的宽度，然后指定其中的任何内容都将居中对齐。

Answer 3

这将解决您的问题。请检查codepen链接进行演示：

https://codepen.io/deepesh316/pen/jQWRYy

有关css显示块的更多信息，您可以参考w3学校链接：

https://www.w3schools.com/cssref/pr_class_display.asp

Answer 4

您可以简单地尝试此解决方案。 在上面，您的href应该类似于以下代码，然后您可以使用样式将链接居中。

<a href:"http://www.google.com" style="text-align:center"> Click Here to Open Google <\a>

否则，您可以尝试

<div text-align="center">your link code here(<a href="your link"> </a>)......</div>