css - Css - 无法更改标签上的垂直位置

Question

在我的网站上，我想将 a 标签（黑框）移到中间，但我无法让它工作。我不能影响页面上的其他元素。当我添加顶部时：50%；在萤火虫中，它按照我的意愿向下移动到中间，但我无法使其适用于真实站点。元素的 CSS：

.section {
    width: 100px;
    height: 100px;
    background-color: black;    
    position: relative;
    margin-left: 720px;
    top: 50%;
}

Answer 1

确保您的 a 标签正确嵌套在另一个元素（div、p 等）中，并使用 CSS 设置该元素的位置。

<div class="sectionhldr" >
      <a class="section" href="/*destination*/"> My Link</a>
</div>

将位置设置为 div 类。

Answer 2

您可以添加display: inline-block到您的.selection，以便正确呈现元素的高度。

但现在你真正的问题是：你可以使用：top: 450px

Answer 3

尝试...

.section {
    width: 100px;
    height: 100px;
    background-color: black;
    position: relative;
    margin-left: -50px;
    left: 50%;
    top: 50%;
    margin-top: -50px;
}