怎樣使一個div標簽隨著瀏覽器窗口的改變一直居中顯示

在我們開發(fā)頁面的過程中,經(jīng)常會遇到讓div居中在瀏覽器中顯示,或使div標簽在父級div中居中顯示,下面就是解決方法
1、在瀏覽器中居中顯示

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

<style>
.main{width:200px;height:200px;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
</style>

<div class="main"></div>

2、在父級div中完全居中

<style>
.index_content{width :1000px;height :600px;background :#a52b7d; overflow :hidden ;position :relative ;}
.index_content_main{width :500px;height :400px;background :#e6e6e9;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
</style>
<div class="index_content">
  <div class="index_content_main"></div>
</div>

本文題目:怎樣使一個div標簽隨著瀏覽器窗口的改變一直居中顯示
本文鏈接:http://muchs.cn/article40/jpsheo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、商城網(wǎng)站、網(wǎng)站設(shè)計、做網(wǎng)站、建站公司、面包屑導(dǎo)航

廣告

聲明:本網(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è)