参考链接
摘抄
水平居中
- 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中
- 若是块级元素, 该元素设置 margin:0 auto即可
垂直居中
- 若元素是单行文本, 在父元素中设置 line-height 等于父元素本身高度
.parent {
height: 200px;
line-height: 200px;
}
- 多行文本
- 行内块级元素
- 知道高度的块级元素
- 不知高度的块级元素
.parent {
height: 200px;
line-height: 200px;
}
