HTML中，圖片和文字是頁面中常用的元素，而它們如何排版和對齊就顯得十分重要了。我們經常使用CSS來實現(xiàn)這一點，下面來介紹一下CSS中文字和圖片的居中排版方式。 一、文字居中 在CSS中，讓文字居中最簡單的方法就是使用text-align屬性，例如：

p{
text-align: center;
}

這個代碼塊可以讓p標簽中的文字居中排版。這種方法同樣適用于其它塊級元素，比如h1、div、section等等。 二、圖片的居中 如果你希望讓一張圖片實現(xiàn)居中效果，就需要做一些調整了。最直接的方法是在CSS中給img標簽設置margin屬性，例如：

img{
margin: 0 auto;
}

這個代碼塊就可以讓圖片在頁面水平方向中央對齊。這里的0代表的是垂直方向上的margin為0，而水平方向上的margin則使用了auto，表示左右的margin自適應調整，實現(xiàn)居中效果。 如果你希望第一張圖片或者一組圖片在一個div中居中，你可以使用如下代碼：

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

這里我們創(chuàng)建了一個class為img-center的div，使用了display:flex屬性，在容器中心分布flex項目，實現(xiàn)了圖片的垂直和水平居中。此方法同樣適用于其它塊級元素。 無論是文字還是圖片，通過這些簡單的代碼，你可以輕松實現(xiàn)它們的居中排版。當然，對于不同的情境和需求，你可能需要靈活的調整CSS代碼，以實現(xiàn)更好的排版效果。