在網(wǎng)頁設(shè)計(jì)中，常常需要將元素居中顯示。在HTML中，可以使用CSS樣式來實(shí)現(xiàn)元素居中，以下是一些常用的代碼。

/* 水平居中 */
元素 {
width: 寬度;
margin: 0 auto;
}
/* 垂直居中 */
元素 {
height: 高度;
position: absolute;
top: 50%;
margin-top: -高度/2;
}
/* 水平垂直居中 */
元素 {
width: 寬度;
height: 高度;
position: absolute;
left: 50%;
top: 50%;
margin-left: -寬度/2;
margin-top: -高度/2;
}

以上代碼中，最常用的是第一個(gè)水平居中代碼。其中，關(guān)鍵在于margin屬性，設(shè)置為0 auto時(shí)，左右邊距自動(dòng)平分父元素剩余寬度，從而實(shí)現(xiàn)水平居中。需要注意的是，該代碼只適用于塊級(jí)元素，即元素display屬性設(shè)置為block或者inline-block時(shí)。

第二個(gè)垂直居中代碼中，關(guān)鍵在于將元素的position屬性設(shè)置為absolute，然后通過top和margin-top屬性來控制元素向下偏移自身高度的一半。需要注意的是，該代碼只適用于父元素高度已知的情況下，否則不能實(shí)現(xiàn)垂直居中。

最后一個(gè)水平垂直居中代碼結(jié)合了前兩者的優(yōu)點(diǎn)，實(shí)現(xiàn)了元素在父元素中心顯示的效果。同樣地，需要注意父元素寬高的設(shè)定，以及元素display屬性的設(shè)置。