在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影片教學
