在CSS中，我們經常需要將元素水平居中，這時候我們可以使用以下方法：

text-align: center; /* 對齊方式為居中 */
display: block; /* 將元素設置為塊狀元素 */

以上代碼將會讓元素在父容器內水平居中，它的原理是把元素設為塊狀元素，再使用text-align:center的方式對齊。

同樣，我們也可以使用以下方法將圖片水平居中：

display: block;
margin: auto;

這里我們使用了margin:auto的方式讓圖片自動居中，同時，將圖片設為塊狀元素，也能實現水平居中。

以上兩種方式都比較常見，但有時候，我們需要將元素的左右內邊距設為相等的，這時候可以使用以下方式實現：

display: flex;
justify-content: center;

這里使用了display:flex屬性，將元素設為flex容器，然后使用justify-content:center屬性讓元素內部的內容在水平方向上居中。

總的來說，水平居中是CSS開發中經常會用到的技巧，而以上三種方式，可以根據實際需求來選擇使用。