在CSS中，可以使用margin: auto;來使灰色矩形居中，將矩形的左右margin設(shè)置為auto，然后設(shè)置矩形的寬度為width: 50%;，這樣就可以使矩形在水平方向上居中，使用position: relative;將矩形定位在垂直方向上，然后設(shè)置矩形的top和bottom為50%，這樣就可以使矩形在垂直方向上居中。

還可以利用CSS的transform屬性來實(shí)現(xiàn)矩形的居中，將矩形的position設(shè)置為absolute，然后設(shè)置矩形的top、bottom、left和right為0，***后使用transform: translate(50%, 50%);將矩形移動到容器的中心位置。

兩種方法都可以實(shí)現(xiàn)CSS灰色矩形的居中，具體使用哪種方法可以根據(jù)實(shí)際情況進(jìn)行選擇。

如果需要在HTML文檔中使用灰色矩形，可以使用<div>元素來創(chuàng)建矩形，并給該元素添加相應(yīng)的CSS樣式。

<div class="gray-rectangle"></div>

在CSS中定義相應(yīng)的樣式：

.gray-rectangle {
  width: 50%;
  height: 200px;
  background-color: gray;
  margin: auto;
  position: relative;
  top: 50%;
  bottom: 50%;
}

或者：

.gray-rectangle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(50%, 50%);
  background-color: gray;
}

這樣就可以在HTML文檔中使用居中的灰色矩形了。