溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“如何實現css相對瀏覽器動態居中永遠保持在屏幕正中”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“如何實現css相對瀏覽器動態居中永遠保持在屏幕正中”吧!
使用如下css可以使div永遠保持在屏幕正中
代碼如下:
<style type="text/css">
.log {
position:absolute; /*絕對定位*/
top:50%; /*距頂部50%*/
left:50%;
margin:-100px 0 0 -150px; /*設定這個div的margin-top的負值為自身的高度的一半,margin-left的值也是自身的寬度的一半的負值.(感覺在繞口令)*/
width:300px; /*寬為400,那么margin-top為-200px*/
height:200px; /*高為200那么margin-left為-100px;*/
z-index:99; /*浮動在最上層 */
}
</style>
到此，相信大家對“如何實現css相對瀏覽器動態居中永遠保持在屏幕正中”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
