前端開發中，頁面布局調整經常用到居中和對齊操作，而CSS中的flex布局是實現這些操作的一個很好的選擇。下面我們來介紹一下如何使用CSS和img標簽實現居中和對齊操作，同時還包括了正文的排版。

/*CSS代碼*/
div{
display:flex;
justify-content:center;
align-items:center;
/* 設置為1:1比例 */
width:200px;
height:200px;
}
img{
width:100%;
height:100%;
}

以上代碼中，我們使用了一個div標簽和一個img標簽，通過CSS樣式實現讓img標簽在div中居中對齊。對于div標簽，我們使用了display:flex來將其設置為一個Flexbox容器，同時使用justify-content:center和align-items:center將其內部的元素水平和垂直都居中對齊。對于img標簽，我們設置了寬度和高度都為100%來保證其充滿整個div，也就達到了居中對齊的效果。

接下來，我們再來看一下如何使用p標簽排版正文：

/*CSS代碼*/
p{
line-height:1.5em;
font-size:14px;
margin-bottom:0.5em;
}
p:last-child{
margin-bottom:0;
}

以上代碼中，我們設置了p標簽的字體大小為14px，行高為1.5em，也就是每行之間的距離為1.5倍文字大小。同時，也為每個p標簽都設置了下邊距為0.5em，這樣就能夠讓不同段落之間有明顯的間距。最后，我們針對最后一個p標簽設置了下邊距為0，這樣就能夠避免正文最后一行出現多余的空白，視覺上會更加整潔美觀。

綜上，通過使用CSS和img標簽實現內容居中和對齊操作，同時還能對正文進行排版，使得頁面效果更加美觀實用。