CSS中文字圖片居中對齊是網頁設計中非常重要的一部分，可以使網頁更加美觀和易于閱讀。以下介紹了幾種常用的方式： 1. 使用text-align屬性對文字進行居中對齊，通過margin屬性對圖片進行居中對齊，代碼如下：

p{
text-align:center;
}
img{
margin: 0 auto;
display: block;
}

2. 使用line-height、text-align和vertical-align屬性將文字和圖片都實現居中對齊，代碼如下：

p{
line-height: 150px;
text-align: center;
vertical-align: middle;
}
img{
display: inline-block;
vertical-align: middle;
}

3. 通過使用flexbox將多個元素進行居中對齊，代碼如下：

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

4. 使用absolute和transform屬性將圖片居中對齊，代碼如下：

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

以上這些方法都可以實現文字和圖片的居中對齊，選擇一種最適合你的方法并加以應用即可。