Как выровнять целочисленное значение в vue js?

Question

<div class="col-sm-3">
   <i class="el-icon-error tst1 " style="font-size: 50px;"/><br>
   <div class="my-auto"> {{this.dashBoardData.closedTicketsCount}}</div><br>
   <span style="font-size: 20px;">Closed</span>
</div>

this.dashBoardData.closedTicketsCount является значением INTEGER. Я не могу выровнять это целое число. Я перепробовал много методов, но ничего не получится. Так что предложите некоторую идею для выравнивания.

Answer 1

Я не совсем уверен, что вы имеете в виду, но это что-то такое:

<v-layout row justify-center align-center>
    <div>{{this.dashBoardData.closedTicketsCount}}</div>
    <div style="font-size: 20px;">Closed</div>
</v-layout> 

Тогда this.dashBoardData.closedTicketsCount выравнивается по тексту.