溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“div水平居中的方法是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“div水平居中的方法是什么”吧!
在布局一張網頁時，通常網頁主體框架是居中于瀏覽器中的。實現最外層DIV水平居中與瀏覽器中需要一個條件和一個設置。
假如最外層DIV盒子的CSS命名為“#億速云”,這個時候為了兼容各大瀏覽器實現最外層的這個盒子居中。
一條件：
這個時候對“body”設置css內容居中樣式（text-align:center）
即CSS代碼：
body{text-align:center}一設置：
這個時候對“#億速云”設置居中必備樣式css margin
即CSS代碼：
#億速云{margin:0 auto}為了便于觀察布局居中效果，我們再對“#億速云”加一個css邊框為黑色，css寬度為300px;高度為100px樣式。
1、最終得到DIV居中的CSS代碼：
body{ text-align:center} #億速云{margin:0 auto;border:1px solid #000;width:300px;height:100px}2、對應html代碼片段：
<div id="億速云">DIV水平居中案例</div>
3、居中案例截圖
DIV水平居中效果圖
到此，相信大家對“div水平居中的方法是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
