Html 把按钮放在中间

我似乎很难把我做的按钮放在屏幕中央。这是源代码

<a href="#" class="header-button">View Products</a>

您可以看到，即使我将

文本对齐：居中

放在

标题按钮

中，按钮本身也不会位于居中。（见下图）

有人能帮我吗？

试试这个

试试这个

一个解决方案：

css:

HTML

其他建议是： 比尼塔·塔芒解决方案她在我有机会之前就写了，所以我会让她获得荣誉：）

一个解决方案：

css:

HTML

其他建议是：

---

Binita Tamang解决方案在我有机会之前她就写了，所以我会让她得到奖励：）

如果你想在屏幕中间放置一个

按钮或任何
元素，然后使用绝对位置，给出顶部50%和左侧50%，在负数中只给出其宽度和高度的一半：

大概是这样的：

CSS

button{
        position:absolute;
        top:50%;
        left:50%;
        width:100px;
        height:30px;
        margin:-15px 0 0 -50px;
      }

如果只是从左到中，那么：

button{
        position:absolute;
        top:some_top_in_px;
        left:50%;
        width:100px;
        height:30px;
        margin:0px 0 0 -50px;
      }

如果您想在屏幕中间放置一个
按钮或任何
元素，请使用绝对位置，现在给顶部50%和左侧50%，给边距加上宽度和高度减半：

大概是这样的：

CSS

button{
        position:absolute;
        top:50%;
        left:50%;
        width:100px;
        height:30px;
        margin:-15px 0 0 -50px;
      }

如果只是从左到中，那么：

button{
        position:absolute;
        top:some_top_in_px;
        left:50%;
        width:100px;
        height:30px;
        margin:0px 0 0 -50px;
      }

您应该给容器或父元素
文本对齐：居中


HTML

<div class="parent">
<a href="#" class="header-button">View Products</a>
</div>

您应该为容器或父元素指定
text align:center


HTML

<div class="parent">
<a href="#" class="header-button">View Products</a>
</div>

将
text align:center
添加到父元素。我相信答案会起作用的，但万一它没有边际：自动0；也许可以解决你的问题，这对JoshC来说很有效。thanks@gelolopez：正如JoshC所建议的，这是我的答案添加
text align:center
到父元素。我相信答案会起作用的，但万一它没有边际：自动0；也许可以解决你的问题，这对JoshC来说很有效。thanks@gelolopez当前位置正如JoshC所说，我的答案是什么？我在绝对定位方面的唯一问题是，当你已经在做事情的时候，它很难操纵。我在绝对定位方面的唯一问题是，当你已经在做事情的时候，它很难操纵。
<div class="parent">
<a href="#" class="header-button">View Products</a>
</div>

.parent{

 text-align:center;    
}