.text {
  position: relative;
  top: 50%;
  left: 50%;
  }

<a class="text">Hello</a>

MDN鏈接到規(guī)范。

仔細(xì)看看百分比長(zhǎng)度在此上下文中的含義:

插入是相對(duì)于相應(yīng)軸中包含塊的大小的百分比(例如，左側(cè)或右側(cè)的寬度，頂部和底部的高度)。對(duì)于粘性定位的框，插入是相對(duì)于相關(guān)的scrollport的大小。允許負(fù)值。

包含塊的高度是自動(dòng)的(默認(rèn))，當(dāng)自動(dòng)計(jì)算百分比時(shí)，得到0。

什么的50%?答案是父元素的50%。但是默認(rèn)情況下，父元素的高度只能容納其中的內(nèi)容。如果您將父元素的高度設(shè)置為完全填充頁面的垂直高度，您將看到該元素向下移動(dòng)到該高度的50%，如下所示:

html, body {
    height: 100%;
}

.text {
  position: relative;
  top: 50%;
  left: 50%;
  }

<a class="text">Hello</strong>