1. 使用绝对定位和伪元素
使用绝对定位和伪元素可以使CSS控制的内容在页面上居中对齐。具体来说，可以使用绝对定位将元素定位到页面的中心，然后使用伪元素将内容环绕在定位元素周围，从而实现对齐。例如：
.parent {
position: relative;
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
在上面的代码中，.parent是父元素，.child是子元素。父元素使用position: relative；将自身定位到页面上，然后使用position: absolute；将子元素定位到父元素的中心。再使用top、left属性和transform参数实现对齐。
2. 使用text-align属性
使用text-align属性可以使文本在水平方向上居中对齐。具体来说，可以在父元素上使用text-align属性，然后将子元素设置为相同值，例如：
.parent {
text-align: center;
.child {
text-align: center;
在上面的代码中，.parent是父元素，.child是子元素。父元素使用text-align: center；将自身居中对齐，子元素也使用相同的属性将内容居中对齐。
3. 使用Flexbox布局
使用Flexbox布局可以使元素在垂直和水平方向上居中对齐。具体来说，可以在父元素上使用display: flex；和align-items: center；属性，然后将子元素设置为相同值，例如：
.parent {
display: flex;
align-items: center;
.child {
display: flex;
justify-content: center;
在上面的代码中，.parent是父元素，.child是子元素。父元素使用display: flex；和align-items: center；属性将自身在垂直和水平方向上居中对齐，子元素使用justify-content: center；属性将内容在垂直方向上居中对齐。
以上是几种常用的方法，具体使用哪种方法取决于具体的需求和样式设计。无论哪种方法，都需要注意对齐的精度和稳定性，以确保文字在页面上的排版效果清晰自然。