HTML5中的居中樣式對于網頁布局來說是非常重要的。以下是一些常見的居中樣式。

/*1. 水平居中（僅適用于單行元素）*/
text-align: center;
/*2. 垂直居中（僅適用于行內/行內塊元素）*/
display: inline-block;
vertical-align: middle;
/*3. 水平垂直居中（適用于多種元素）*/
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

第一種樣式是通過text-align屬性將元素水平居中。這對于單行元素（如文字和按鈕）非常有效。

第二種樣式結合使用display和vertical-align屬性來進行垂直居中。注意，這僅適用于行內/行內塊元素（如圖片和鏈接）。

第三種樣式可以同時垂直和水平居中各種元素。使用position屬性的absolute值來使元素相對于其父容器進行定位。然后使用top和left屬性來將元素移到中心。最后，使用transform屬性將元素向左上方移動其一半的寬度和高度來完全居中。

在實現網頁布局時，居中樣式是最常用的技巧之一。通過掌握這些居中樣式，您可以輕松地在網頁中放置和對齊元素，使您的網頁在視覺上更吸引人。