如何制作一个 or to align center

Question

我在正文部分使用以下代码。

<center><a href="contact.html" class="button large hpbottom">Get Started</a></center>

有没有替代<center>标签？

如何在不使用<center>标签的情况下使其居中？

Answer 1

将text-align:center;display:block;添加到css类。比在控件本身上设置样式更好。如果你想改变它，你可以在一个地方这样做。

Answer 2

你可以这样做：

<div style="text-align: center">
    <a href="contact.html" class="button large hpbottom">Get Started</a>
</div>

Answer 3

你可以输入一个段落

<p style="text-align:center;"><a href="contact.html" class="button large hpbottom">Get Started</a></p>

要在中心对齐div，您必须做两件事： - 使div成为固定宽度 - 设置左右边距属性变量

<div class="container">
 <div style="width:100px; margin:0 auto;">
     <span>a centered div</span>
  </div>
</div>

Answer 4

你可以使用下面的css;

 <a href="contact.html" style="margin:auto; text-align:center; display:block;" class="button large hpbottom">Get Started</a>

Answer 5

您可以使用以下代码：

a {
display: block;
width: 113px;
margin: auto; 
}

通过设置，在我的情况下，链接到display:block，更容易定位链接。 当您使用<div>标记/类时，这同样适用。 你可以选择你想要的任何width。

Answer 6

我不知道为什么，但对我来说text-align:center;只适用于：

text-align: grid;

要么

display: inline-grid;

我查了一下，没有一种风格是最重要的。

我的结构：

<ul>
    <li>
        <a>ElementToCenter</a>
    </li>
</ul>

Answer 7

在你的html文件中：

<a href="contact.html" class="button large hpbottom">Get Started</a>

在你的css文件中：

.hpbottom{
    text-align: center;
}