javascript - 创建一个带有 span 标签的全屏 ionic 按钮，显示 :block

Question

我有一个 Ionic Button 全屏 div，里面有其他 span 标签。我试过使用
我试过使用 display:block 但不管单词 center 内联在中间。如何添加使我的 span 成为 display:block 元素？

HTML

<ion-content padding>
   <div ion-button (tap)="onTap()" class="buttNext">
     <span class="fullButt">{{corrObj.isCorr}}</span>
     <span class="fullButt">Score is {{corrObj.score}}</span>
     <span class="fullButt">Tap Screen to continue</span>
   </div>
 </ion-content>

CSS

.buttNext{
  height:100vh;
  width:100vw;
  opacity:1;
  background:gray;
 }

.fullButt{
  display: block;
  background: none;
  font-size:30px;
  color:white;
 }

Answer 1

我没有让按钮填满屏幕，而是只制作了按钮本身。这对我来说很完美，并且完成了我需要的事情

<ion-content padding (tap)="onTap()" id="fullAns">
 <div class="ansCont">
   <span id="correct" class="fullButt">{{corrObj.isCorr}}</span>
   <span id="score" class="fullButt">Score is {{corrObj.score}}</span>
   <span id="tap" class="fullButt">Tap Anywhere to continue</span>
 </div>
</ion-content>