CSS中的水平片居中，是指將一個(gè)元素水平居中放置到其容器中心，主要應(yīng)用于圖片、文本、按鈕等元素的排版。下面介紹兩種常用的實(shí)現(xiàn)方法：

/* 方法一：使用text-align和display */
.container {
text-align: center;
}
.item {
display: inline-block;
}
/* 方法二：使用margin和width */
.container {
text-align: center;
}
.item {
margin: 0 auto;
width: 50%;
}

第一種方法使用了text-align屬性以及display:inline-block，容器采用text-align:center屬性可以使內(nèi)部元素左右居中，而元素本身采用display:inline-block屬性可以使其沿著基線對(duì)齊。

第二種方法使用margin和width屬性，元素將使用一個(gè)寬度值并來(lái)居中，而margin:0 auto屬性也可以使元素左右居中。這里要注意，寬度值必須固定，且必須在塊級(jí)父元素中設(shè)置居中方式。