在Web開發中，布局的居中是一個基礎的技能。在CSS中，有幾種居中方式可以使用。下面將介紹三種方式。 首先是水平居中。可以使用如下的CSS代碼：

p {
text-align: center;
}

將p標簽中的文本水平居中。如果想要將整個盒子居中，可以使用如下代碼：

.container {
margin: 0 auto;
width: 50%;
}

這個代碼塊會將.container類的標簽的寬度設置成50%。margin的值為0 auto，將盒子水平居中。 其次是垂直居中。可以使用如下代碼：

.container {
position: relative;
}
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這段代碼會將.box類的標簽從它所在的.container類的標簽中間垂直居中。先將.container類的標簽設置成相對定位，然后將.box類的標簽設置成絕對定位，并使用top和left屬性將其定位到.container類的中心。使用transform屬性可以將.box類的標簽向上和向左移動它的寬度和高度的50%。這樣就實現了垂直居中。 最后是水平垂直居中。可以使用如下代碼：

.container {
display: flex;
align-items: center;
justify-content: center;
}

這段代碼會將.container類的標簽中的內容水平垂直居中。使用display: flex屬性將.container類的標簽設置成Flex布局。使用align-items屬性將內容垂直居中。使用justify-content屬性將內容水平居中。 以上三種居中方式都是常用的布局技巧。在實際開發過程中，可以根據不同的需求選擇不同的居中方式。