So implementieren Sie die zentrierte Ausrichtung einer CSS-Maske im Vollbildmodus

<Stil>
#toastLoaderFullScreen {
    Höhe: 100%;
    Position: absolut;
    oben: 0;
    rechts: 0;
    unten: 0;
    links: 0;
    Z-Index: 99999;
    Hintergrundfarbe: rgba(224, 38, 38, 0,5);
}
#toastLoader {
   Position: absolut;
   links: 50%;
   oben: 45 %;
   Breite: 350px;
   Rand links: -19px;
   /* Hintergrundfarbe: blau; */
}
#toastLoaderText {
    Position: fest;
    oben: 53 %;
    links: 50%;
    Breite: 250px;
    Rand oben: -10px;
    Rand links: -125px;
    word-wrap:break-word; /*Automatischer Zeilenumbruch*/
    Textausrichtung: zentriert;
    /* Hintergrundfarbe: rot; */
}
</Stil>
<Vorlage>
    <div id="toastLoaderFullScreen">
        <div>
             <mu-circular-progress id="toastLoader" :size="40" color="rgb(24, 143, 254)" v-show="isToastLoader"></mu-circular-progress>
             <div id="toastLoaderText">
                 <p>Anmelden</p>
             </div>
        </div>
    </div>
</Vorlage>
<Skript>
Standard exportieren {
    Daten() {
        zurückkehren {
            isToastLoader: true
        }
    },
    erstellt() {
        // setzeTimeout(() => {
        // dies.isToastLoader = false
        // }, 2000)
    },
    Methoden: {
    }
}
</Skript>