How to center skeleton-block vue

Questions
1

i have tried the typography align-content-center, text-align-center but no luck

        <f7-block class="text-align-center">
            <f7-skeleton-block  style="width: 150px"class="skeleton-effect-blink"></f7-skeleton-block>
        </f7-block>
2
3

hmm strange, before i use the flex,justify, and align-item but no luck, but now its working
fix using
class="display-flex justify-content-center align-content-center"