CSS中，居中是非常基本的樣式。CSS中的居中主要包括垂直居中和水平居中兩種，其中水平居中是最常用的。想要掌握居中，一定要了解以下幾種居中方式。 1.元素寬度已知，使用margin 將元素放在包含它的容器中，然后將元素的margin-left和margin-right設置為auto，即可實現水平居中。

div {
width: 200px;
margin-left: auto;
margin-right: auto;
}

2.元素不定寬，使用flexbox 使用flexbox布局可以很方便地實現元素的水平居中和垂直居中。 將元素的容器設置為display:flex，然后使用justify-content:center實現水平居中。如果需要垂直居中，可以使用align-items:center。

.container {
display: flex;
justify-content: center;
align-items: center;
}

3.元素不定寬，使用text-align 對于一些行內元素，可以通過設置其容器的text-align樣式來實現水平居中。

.container {
text-align: center;
}

總結：以上就是CSS中的居中方式。掌握這些方法，可以輕松地實現元素的水平居中和垂直居中。