親要素全体にリンクを適用させた上で、上下左右中央揃え

Question

やりたいこと

テキストリンクを親要素全体に適用させた上で、テキストを上下左右中央に配置したい。

分からないこと

全体をリンク化するのはできたが、テキストが上に寄ってしまい
上下中央揃えができない。

.prev
  nuxt-link(:to="prev")

.prev
  position relative
  a
    position absolute
    top 0
    left 0
    width 100%
    height 100%
    text-align center

よろしくお願いいたします。

Answer 1

状況よくわからないですがこんな感じでしょうか？

Comments

[yambejp]

<style>
.parent{
width:100px;
height:100px;
background-Color:yellow;
}
.parent a{
display: flex;
justify-content: center;
align-items: center;
width:inherit;
height:inherit;
}
</style>
<div class="parent">
<a href="#">hoge</a>
</div>

[hirotaka612]

早速ありがとうございます！
試してきます:bow:

[hirotaka612]

これでできました！
```
a
display flex
justify-content center
align-items center
width 100%
height 100%
text-decoration none
text-align center
```

迅速かつ正確な回答で助かりました。。
ありがとうございました！