一些元素居中的寫法

2022-05-30    分類： 網(wǎng)站建設(shè)

一、行內(nèi)元素水平居中

text-align: center;

二、行內(nèi)元素垂直居中

height: 40px;line-height: 40px;    讓這兩個值相等

三、塊級元素水平居中

width: 300px; margin: 0 auto;     可以不設(shè)置高度

三、塊級元素垂直居中

1.固定寬高塊級元素垂直居中


            div{ width: 200px; 
        height: 100px; 
        line-height: 100px; 
        border: 1px solid #000; 
        text-align: center; 
        position: absolute; 
        left: 50%; 
        top: 50%; 
                margin-left: -100px; 
        margin-top: -50px; 
            }

文章標(biāo)題：一些元素居中的寫法
地址分享：http://bm7419.com/news/161189.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、營銷型網(wǎng)站建設(shè)、域名注冊、標(biāo)簽優(yōu)化、網(wǎng)站排名、ChatGPT

廣告

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

成都網(wǎng)頁設(shè)計公司