CSS中的居中是我們在網頁設計中經常需要處理的問題。在其中，字體的居中和水平居中也是比較重要的一種。下面來看看如何實現這兩種效果。

/* 字體居中 */
text-align: center;
/* 水平居中 */
margin: 0 auto;

首先是字體居中，實現方法很簡單，只需要在字體所在元素內設置text-align為center即可。這樣子就可以實現字體的水平居中。但是對于有多行文字的盒子來說，可能還需要針對每一行分別進行文字居中，這時候就需要使用line-height和text-align一起來使用。

接下來是水平居中，實現方法與字體居中不同，需要在元素的樣式中設置margin：0 auto，即可實現水平居中。但是需要注意，在使用該方法時，僅適用于block元素，若是inline元素或者有其他display屬性的元素，需要另外的處理方法。

綜上，css字體居中和水平居中都有著簡單的實現方法，在日常的網頁設計和開發中經常會用到。