CSS中，居中是一個經常用到的樣式。主要有以下幾種方式：

居中方式一：文本水平居中
text-align: center;
該屬性可用于父元素，作用是使父元素內部的所有文字居中。該屬性不會影響元素的寬度，只會影響文字的排列。
居中方式二：元素水平居中
margin: 0 auto;
該屬性可用于一個已知寬度的塊級元素。將左右邊距設置為auto，可以使元素水平居中。如果想要將一個寬度自適應的元素居中，則需要設置 display: flex; justify-content: center; 或 display: table; margin: 0 auto;。
居中方式三：元素垂直居中
使用CSS實現垂直居中需要用到一些trick。比如可以將元素轉變為絕對定位元素，然后設置top和left為50%，再將margin-top和margin-left設置為元素高度和寬度的一半的負數。
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px; /* 高度的一半 */
margin-left: -200px; /* 寬度的一半 */
居中方式四：元素上下居中
使用flexbox可以很方便地實現元素的上下居中。
display: flex;
align-items: center;
justify-content: center;

除了以上介紹的方法，還有一些其他的居中方式，需要根據具體的頁面情況選擇。需要注意的是，使用居中樣式不僅可以提高頁面的美觀性，還可以提高閱讀體驗。