這篇文章將為大家詳細(xì)講解有關(guān)怎么在css中實(shí)現(xiàn)遮罩全屏居中對(duì)齊，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)建站專注于平橋企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城開發(fā)。平橋網(wǎng)站建設(shè)公司,為平橋等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

具體代碼如下所示：

<style>
#toastLoaderFullScreen {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(224, 38, 38, 0.5);
}
#toastLoader {
   position: absolute;
   left: 50%;
   top: 45%;
   width: 350px;
   margin-left: -19px;
   /* background-color: blue; */
}
#toastLoaderText {
    position: fixed;
    top: 53%;
    left: 50%;
    width: 250px;
    margin-top: -10px;
    margin-left: -125px;
    word-wrap:break-word; /*自動(dòng)換行*/
    text-align: center;
    /* background-color: red; */
}
</style>
<template>
    <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>正在登錄中</p>
             </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            isToastLoader: true
        }
    },
    created() {
        // setTimeout(() => {
        //     this.isToastLoader = false
        // }, 2000)
    },
    methods: {
    }
}
</script>

什么是css

css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言，主要是用來設(shè)計(jì)網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對(duì)于網(wǎng)頁進(jìn)行格式化。

關(guān)于怎么在css中實(shí)現(xiàn)遮罩全屏居中對(duì)齊就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

網(wǎng)站標(biāo)題：怎么在css中實(shí)現(xiàn)遮罩全屏居中對(duì)齊
網(wǎng)站網(wǎng)址：http://www.rwnh.cn/article4/jdcioe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)、、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)