HTML5布局居中代碼是網頁制作中常用的一種技術，它通過設置網頁內容的布局來實現各種樣式的顯示。下面就是一些常用的HTML5布局居中代碼：

/* 居中一個元素 */
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 居中一個文本內容 */
.element {
text-align: center;
font-size: 0;
}
.element p {
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
/* 居中一個容器 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 居中一個圖片 */
.image-wrapper {
display: flex;
justify-content: center;
}
.image-wrapper img {
max-width: 100%;
max-height: 100%;
margin: auto;
}
/* 居中一個表格 */
.table-wrapper {
display: table;
margin: 0 auto;
}
/* 最后總結 */
以上是一些常用的HTML5布局居中代碼，具體使用要根據自己的需求選擇適合的方法。通過靈活運用這些居中代碼，可以讓網頁制作變得更加方便高效。