1
<div class='card'>
<div class='imgwrap'>...</div>
<div class='cardr'>
<a class='infor' href='...'>lorem ipsum</a>
</div>
</div>
.card{
display:grid;
grid-template-columns: 54px auto;
}
.cardr{
text-align:center;
background:silver;
align-items: center; // line a
}
.infor{
display:inline-block;
border:1px solid #555;
padding:4px 14px;
border-radius:11px;
background:gold;
align-self:center; // line b
}
私は両方cardr
の内側中心にすることがinfor
を必要としています。水平、私は成功せず、垂直方向にそれを中央にしたいline a
および/またはline b
を使用してtext-align: center
とdisplay:inline-block
を使った作品を中心に
。
助けが必要ですか?
[CSSグリッドのセンタリング](https://stackoverflow.com/questions/45536537/centering-in-css-grid)の可能な複製 –