溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間：2020-07-01 13:46:07 來源：網(wǎng)絡(luò) 閱讀：1944 作者：日晚間粉 欄目：web開發(fā)

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

<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>
向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手