Question

我有一个Ionic Button全屏div，里面有其他span标签。我尝试过使用了我试过使用display：block但不管中间插入的是什么单词。如何添加make my span显示：块项？

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>

使用display：block创建一个带有span标签的全屏离子按钮

1 个答案: