CSS中可以使用flex布局來(lái)將幾個(gè)詞組居中，具體步驟如下：

1、創(chuàng)建一個(gè)包含所有詞組的容器元素。

2、將該容器的display屬性設(shè)置為flex。

3、使用justify-content屬性將詞組在容器中水平居中。

4、使用align-items屬性將詞組在容器中垂直居中。

下面是一個(gè)示例代碼：

HTML代碼：

<div class="container">
  <span>詞組1</span>
  <span>詞組2</span>
  <span>詞組3</span>
  <span>詞組4</span>
  <span>詞組5</span>
  <span>詞組6</span>
  <span>詞組7</span>
  <span>詞組8</span>
  <span>詞組9</span>
  <span>詞組10</span>
</div>

CSS代碼：

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

在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含10個(gè)詞組的容器，并將該容器的display屬性設(shè)置為flex，我們使用justify-content屬性將詞組在容器中水平居中，并使用align-items屬性將詞組在容器中垂直居中，這樣，所有的詞組都會(huì)被居中顯示。