真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

CSS設(shè)置div水平居中的方法

這篇文章給大家分享的是有關(guān)CSS設(shè)置div水平居中的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到樂亭網(wǎng)站設(shè)計(jì)與樂亭網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋樂亭地區(qū)。

CSS設(shè)置div水平居中的方法：1、給div元素設(shè)置“margin: 0 auto”樣式；2、在父級div元素里設(shè)置“text-align: center”樣式，在子一級div元素里設(shè)置“display: inline-block”樣式。

1、外邊距自適應(yīng)

方式：元素綁定屬性：margin: 0 auto;

  
               
            
        

效果：

CSS設(shè)置div水平居中的方法

注意：常用，適用于已知父級元素寬度的情況

2、行內(nèi)塊元素

方式：父級元素設(shè)置屬性：text-align: center;

子一級元素設(shè)置屬性：display: inline-block;


        
            
        

效果如圖：

CSS設(shè)置div水平居中的方法

注意：inline-block存在瀏覽器兼容性問題，另行處理因設(shè)置inline-block帶來的副作用。

補(bǔ)充：使用定位

方式：父級元素設(shè)置屬性：position: relative;

子一級元素設(shè)置屬性：position: absolute;


        
            
        

效果如圖：

CSS設(shè)置div水平居中的方法

注意：適用于父級元素寬度已知的情況，居中定位自己設(shè)置比較麻煩。

感謝各位的閱讀！關(guān)于“CSS設(shè)置div水平居中的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！


分享文章：CSS設(shè)置div水平居中的方法
網(wǎng)站URL：http://weahome.cn/article/gcpgpd.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部