CSS怎么自動居中？

text-align: center; // 水平居中
margin: 0 auto; // 水平居中
display: flex;
justify-content: center; // 水平居中
align-items: center; // 垂直居中

以上是幾種常用的CSS代碼來實現自動居中效果。具體如何選擇，取決于具體的布局和需求。

其中，text-align: center;和margin: 0 auto;都是用于實現水平居中的。使用text-align: center;可以讓元素內部的文本水平居中，對于塊級元素可以使用margin: 0 auto;來實現水平居中，其中margin-top和margin-bottom一律賦值為0，margin-left和margin-right賦值為auto。

如果要實現垂直居中，可以使用display: flex;，并設置justify-content: center;和align-items: center;。其中，justify-content: center;是設置水平方向的居中方式，而align-items: center;則是設置垂直方向的居中方式。

總之，CSS自動居中有多種實現方式，開發者可以根據具體情況來選擇適合自己的方法。