我把一个数字放在一个圆的中心。我试着把那个数字放在一张“卡片”的中间。

.numberCircle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#inner {
  width: 50%;
  margin: 0 auto;
}

<代码><；DIV类=“卡”>；<；DIV ID=“@（viewbag.ID）” Class=“ card-body ” style=“ min-height：495px；”>；<；DIV style=“ text-align：center ”>；<；H2>；我的号码<；/H2>；<；/DIV>；<；DIV ID=“ inner ”>；<；DIV Class=“ NumberCircle ” style=“ Background：Green；font-size：32px ”>；2.98<；/DIV>；<；/DIV>；<；/DIV>；<；/DIV>；

标题居中，但数字不：

顺晟科技：

只需添加<div class="card"> <div id="@(ViewBag.Id)" class="card-body" style="min-height: 495px;"> <div style="text-align:center"> <h2>My Number</h2> </div> <div id="inner"> <div class="numberCircle" style="background:green;font-size:32px">2.98</div> </div> </div> </div>到margin: 0 auto;。这将使它位于.numberCircleDIV的中心。

inner

<代码><；DIV类=“卡”>；<；DIV ID=“@（viewbag.ID）” Class=“ card-body ” style=“ min-height：495px；”>；<；DIV style=“ text-align：center ”>；<；H2>；我的号码<；/H2>；<；/DIV>；<；DIV ID=“ inner ”>；<；DIV Class=“ NumberCircle ” style=“ Background：Green；font-size：32px ”>；2.98<；/DIV>；<；/DIV>；<；/DIV>；<；/DIV>；