16
4

9 回答 9

25

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

于 2013-10-25T12:37:09.317 回答
10

你可以这样做：

<div style="text-align: center">
    <a href="contact.html" class="button large hpbottom">Get Started</a>
</div>
于 2013-10-25T12:26:02.313 回答
3

你可以像下面这样使用css；

 <a href="contact.html" style="margin:auto; text-align:center; display:block;" class="button large hpbottom">Get Started</a>
于 2013-10-25T12:27:17.973 回答
2

你可以在一个段落中

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

要将 div 居中对齐，您必须做 2 件事： - 使 div 具有固定宽度 - 设置左右边距属性变量

<div class="container">
 <div style="width:100px; margin:0 auto;">
     <span>a centered div</span>
  </div>
</div>
于 2013-10-25T12:25:51.633 回答
2

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

text-align: grid;

或者

display: inline-grid;

我检查过，没有一种风格是压倒一切的。

我的结构：

<ul>
    <li>
        <a>ElementToCenter</a>
    </li>
</ul>
于 2019-01-16T19:48:38.757 回答
0

还有一个方便的标签……无论你在中间放什么，都会居中。像这样：

<center>
<a href..... whatever>
</center>
于 2021-03-15T16:01:23.027 回答
0

您可以使用以下代码：

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

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

于 2018-05-08T11:22:29.187 回答
0 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="ISO-8859-1">
    </head>
    <body>
        <h4 align="center"> 
              <a href="Demo2.html">Center</a>  
        </h4>
    </body>
    
</html>
于 2021-01-13T14:08:00.850 回答
-3

在您的 html 文件中：

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

在您的 css 文件中：

.hpbottom{
    text-align: center;
}
于 2014-05-25T18:13:49.473 回答