垂直居中布局是指当前元素在父级元素中，垂直方向是居中显示的。第一种解决方案：改变父级元素的display属性，设置为table-cell，改变vertical-align属性为middle；#f { background-color: re...

水平居中布局是指当前元素在父级容器中，水平方向居中显示。实现水平居中布局的方式多种多样。以下是三种常用的解决方案。根据这三种方案可以衍生出多种方案。第一种方案：父元素设置text-align属性为center子元素设置display属性为i...