在 CSS 中，想要將圖形或者文字居中對齊是非常常見的需求，下面我們將一一介紹如何實現(xiàn)。 1. 圖形居中對齊 使用 flexbox 可以非常方便地實現(xiàn)圖形居中對齊，代碼如下： ```

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

``` 其中 `justify-content: center` 表示在水平方向上居中對齊，`align-items: center` 表示在垂直方向上居中對齊。當然，你也可以根據(jù)需要只使用其中一項。 另外，你也可以使用絕對定位的方式將圖形居中對齊，代碼如下： ```

.container {
position: relative;
}
.box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

``` 其中 `.container` 的位置需要設(shè)置為相對定位，`.box` 的左上角需要移動到容器的中心點，使用 `transform: translate(-50%, -50%)` 即可實現(xiàn)。 2. 文字居中對齊 對于文字的居中對齊，實現(xiàn)方法也是多種多樣的。下面我們介紹三種比較常用的方法。 - 行內(nèi)元素居中對齊 ```

.container {
text-align: center;
}

``` 將容器的文本對齊方式設(shè)置為居中即可。 - 塊級元素居中對齊 ```

.container {
display: flex;
justify-content: center;
}
.box {
width: 200px;
height: 100px;
}

``` 將容器的布局方式設(shè)置為 flex，然后使用 `justify-content: center` 將塊級元素水平方向居中對齊。 - 多行文字居中對齊 ```

.container {
display: flex;
align-items: center;
}
.box {
width: 200px;
}

``` 將容器的布局方式設(shè)置為 flex，然后使用 `align-items: center` 將多行文字在垂直方向上居中對齊。 以上就是關(guān)于 CSS 圖形文字居中對齊的介紹，希望能對你有所幫助。