创建一个全屏离子按钮，里面有 span 标签，带有 display:block

Question

我有一个离子按钮全屏div，里面有其他的span标签。我尝试使用
我尝试使用显示：块，但无论单词在中间内联什么。如何添加使我的跨度成为显示：块项目？

目录

<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>