盒模型与布局

居中对齐

文本居中对齐

水平居中
使用 text-align: center; 属性在块级元素内使内联元素（如文本、图片等）水平居中。

.parent {text-align: center;
}

垂直居中
使用 line-height 设置为与容器高度相同的值，实现单行文本的垂直居中。

.parent {height: 100px;line-height: 100px;