在CSS中，將鏈接居中于盒子中是一個常見的需求，要實現這一點，你可以使用CSS的文本對齊屬性，以下是一些示例代碼，展示了如何將鏈接居中于盒子中：

示例1: 使用text-align屬性

HTML:

<div class="box">
  <a href="#">鏈接文本</a>
</div>

CSS:

.box {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  text-align: center;
}

示例2: 使用flex布局

HTML:

<div class="box">
  <a href="#">鏈接文本</a>
</div>

CSS:

.box {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

示例3: 使用grid布局

HTML:

<div class="box">
  <a href="#">鏈接文本</a>
</div>

CSS:

.box {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  display: grid;
  align-items: center;
  justify-content: center;
}

示例4: 使用position和transform屬性

HTML:

<div class="box">
  <a href="#">鏈接文本</a>
</div>

CSS:

.box {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  position: relative;
}
.box a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}