在網頁開發中，水平居中是一種常見的需求，無論是居中一段文字還是一張圖片，都需要使用到水平居中的方法。下文將介紹兩種實現水平居中的CSS方法。

方法一：使用text-align屬性和display屬性實現水平居中。

.center {
text-align: center;
display: block;
}

這種方法適用于居中的元素為行內元素或塊級元素，可用于居中文字、圖片、按鈕等。text-align屬性用于設置元素內部文本或內容的對齊方式，而display屬性用于將塊級元素轉換為行內元素（或相反），使得元素可以被居中。

方法二：使用margin屬性實現水平居中。

.center {
margin: 0 auto;
display: block;
width: 50%; /*可以設置居中元素的寬度*/
}

這種方法適用于居中的元素為塊級元素，可用于居中圖片、區塊、導航欄等。margin屬性用于設置元素與父元素之間的外邊距，其中auto值將使得元素水平居中。

總體而言，以上兩種方法都是實現水平居中的有效途徑，應根據實際情況選擇合適的方法。如果要同時實現垂直居中，可以考慮使用flexbox布局。