CSS定位圖中心是一種常見的布局需求，可以通過以下CSS代碼來實現：

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

以上代碼中，parent表示父級元素，child表示要定位居中的子級元素。position: relative;指定父級元素為相對定位，保證子元素的絕對定位相對于父元素。position: absolute;指定子級元素為絕對定位。top: 50%;和left: 50%;將子元素的左上角定位于父元素的中心點，但此時子元素會向右下方偏移自身寬度和高度的一半，需要使用transform: translate(-50%, -50%);將其向左上方移動自身寬度和高度的一半，使其完全居中。

此外，如果要將文字居中顯示，也可以使用text-align: center;和line-height: 父元素高度;來實現：

.parent {
height: 200px;
text-align: center;
line-height: 200px;
}

以上代碼將父元素的高度設為200px，text-align: center;將子元素水平居中，line-height: 200px;將子元素的行高設為父元素的高度，使其垂直居中。

綜上所述，使用CSS定位可以實現圖形和文字的居中顯示。需要特別注意的是，父級元素的大小和定位影響子級元素的居中效果，需根據實際需求進行調整。