首先我們先看看html5 main標籤要怎麼置中：
<main>標籤規定文檔的主要內容。
<main>元素中的內容對於文檔來說應當是唯一的。它不應包含在文檔中重複出現的內容，比如側欄、導覽列、著作權資訊、網站標誌或搜尋表單。
注釋：在一個文檔中，不能出現一個以上的<main>元素。<main>元素不能是以下元素的後代：<article>、<aside>、<footer>、<header>或<nav>。
說了這麼多定義來看看main標籤的置中完整代碼執行個體吧：
<!doctype html><html><head><meta charset="utf-8"><title>topic.alibabacloud.com</title></head><body><main align="center"> <h1>topic.alibabacloud.com</h1> <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的瀏覽器。</p> <article> <h1>Google Chrome</h1> <p>Google Chrome是由Google開發的一款免費的開源web瀏覽器，於2008年發布。</p> </article> <article> <h1>Internet Explorer</h1> <p>Internet Explorer由微軟開發的一款免費的web瀏覽器，發佈於1995年。</p> </article> <article> <h1>Mozilla Firefox</h1> <p>Firefox是一款來自Mozilla的免費開源web瀏覽器，發佈於2004年。</p> </article></main></body></html>
我把main標籤裡面加上了一個align屬性，意思是讓整個文檔全部往中間對齊，來看看在瀏覽器中顯示的效果：
可以很清楚的看到，因為文章的大小，放不了太大的網頁，只能縮小了，但是還是能很清楚的看到這些圖片中間的位置的文字。
好了，本篇文章到這也就結束了（想學更多就來topic.alibabacloud.com，百度搜尋topic.alibabacloud.com，裡面有你想要的編程課程和資料），有問題的可以在下方進行提問
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
