在網頁設計中，文字居中對于頁面的整體平衡和美觀度非常重要。那么如何實現在CSS中讓文字居于區塊正中呢？下面給大家分享一種實現方法。
首先，在HTML頁面中，我們需要使用一個區塊（div）來包含我們需要居中的文字內容。例如：

<div class="center">
<p>這里是需要居中的文字內容</p>
</div>

接下來，我們需要在CSS樣式表中對這個div類進行樣式設置。我們以居中縮略圖和描述文本為例示范代碼如下：

.center {
display: flex; /*使用flex布局*/
justify-content: center; /*子元素橫向居中*/
align-items: center; /*子元素縱向居中*/
text-align: center; /*文本內容居中*/
width: 300px; /*設置寬度*/
height: 300px; /*設置高度*/
background-color: #f3f3f3; /*設置背景顏色*/
margin: 0 auto; /*設置自動居中*/
}
.center p {
font-size: 24px; /*設置文字大小*/
font-weight: bold; /*設置文字加粗*/
color: #333; /*設置文字顏色*/
}

解析一下上述代碼：
首先，我們使用了flex布局來設置居中效果。具體來說，justify-content屬性用于設置子元素橫向居中，align-items屬性用于設置子元素縱向居中。text-align屬性用于設置文本內容居中。width，height屬性分別設置區塊寬度和高度。background-color屬性設置區塊背景顏色。margin屬性用于設置自動居中。
然后我們對p標簽進行了文字樣式設置，包括文字大小，加粗和顏色等。
通過這樣的設置，我們就能實現文字居于區塊正中效果。當然，這只是一種實現方法，還有其他的方法如表格布局、絕對定位等。在實際應用中，我們需要根據不同的需求來選擇最適合自己的方法。