在 HTML5 中，div 是一個非常常用的容器標簽，可以用來包裹和組合其他 HTML 元素。而對于 div 的居中問題，很多初學者都會遇到一些困惑。下面介紹幾種 HTML5 div 居中的實現方式。

1.

text-align: center;

通常在父級元素中設置該屬性，即可實現內部 div 元素居中。例如：

這是要居中的內容

2.

margin: auto;

除了使用

text-align: center;

外，還可以使用 margin 屬性，將左右 margin 值設為 auto，即可實現內部 div 元素居中。例如：

這是要居中的內容

3.

flexbox

flexbox 是 HTML5 中的新屬性，相對于傳統的布局方式，具有更為靈活和方便的排版方式。可以通過父級元素設置

display: flex;

屬性，然后設置

justify-content: center;

和

align-items: center;

屬性來實現內部 div 居中，例如：

這是要居中的內容

總的來說，我們在 HTML5 中實現 div 居中的方式較之傳統版本有了更為靈活且美觀的方式，以上三種方式是非常常見也比較簡單的處理方式。