如何使<div>或<a href="#">对齐中心

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

你可以像下面一样使用CSS；

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

Answer 4

您可以将其放入一个段落中

<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>