前端开发中，页面布局调整经常用到居中和对齐操作，而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标签实现内容居中和对齐操作，同时还能对正文进行排版，使得页面效果更加美观实用。