スパンタグを含むフルスクリーンイオンボタンをディスプレイ内に作成する：ブロック

Question

私は、他のスパンタグが内部にあるイオンボタン全画面divを持っています。 私は使ってみました
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>