在html中把div居中的方法是,給div引入一個css樣式,然後添加自動居中代碼【margin: 0 auto;】,利用外邊距的左右auto就可以實現div居中了。 本文操作環境:windows10系統、html 5、thinkpad t480電腦。 首先我們建立一個html文件,在body中插入一個div標籤【 】,在head中引入css樣式【】<p>為div引入一個css樣式【<div class="a">】,並在style中加入樣式為div定義寬、高、背景色,程式碼如下:【.a{width: 600px;height: 400px;background-color: #CB8B8C;}】,按【F12】開啟瀏覽器預覽效果。 <p><img src="https://img.php.cn/upload/image/549/126/486/1623827055696139.png" title="1623827055696139.png" alt="在html中怎麼把div居中"/><p>在瀏覽器中我們可以看到寫好的div,預設他是對齊在網頁的左上角的,那我們怎麼能讓div自動居中於網頁中呢? <p><img src="https://img.php.cn/upload/image/211/865/887/1623827070795871.png" title="1623827070795871.png" alt="在html中怎麼把div居中"/><p>可以在樣式a中加入自動居中的程式碼【margin: 0 auto;】。其實是利用外邊距的左右auto來實現居中效果。 <p>新增【margin: 0 auto;】完成後,我們按CTRL S儲存檔案並重新整理瀏覽器頁面,可以看到div已經自動居中啦。 <p><img src="https://img.php.cn/upload/image/214/551/561/1623827093790365.png" title="1623827093790365.png" alt="在html中怎麼把div居中"/><p>相關推薦:<a href="https://www.php.cn/course/list/11.html" target="_blank">html影片教學