在网页布局中，水平及垂直居中是无法绕过的问题。以下是对这两种情况的总结和解决方案：
水平居中： 当父元素是块元素，而子元素是行内元素时，可以使用text-align:center对父元素进行设定来使子元素水平居中。
当父元素是块元素，而子元素也是块元素且宽度已经设定时，有以下几种解决方法：
解法1:为子元素添加margin:0 auto;
解法2:当父元素和子元素的宽度都已知时，可以给父元素设定padding-left或padding-right,或者给子元素设定margin-left或margin-right,长度为(父元素宽度-子元素宽度)/2,并给父元素和子元素设定为box-sizing:border-box;这可以方便计算，否则还需要加上父元素和子元素的边框宽度。
解法3:利用子元素相对于父元素的决定定位来解决问题。
解法4:使用flex布局。
垂直居中： 当父元素是块级元素，且高度已经确定时，可以采用以下方法实现垂直居中：
当子元素是行内元素时，可以给父元素设定line-height属性，使其高度等于行内元素的高度。
当子元素是块级元素，但其高度没有确定时，可以在父元素上设置display属性。
利用flex布局实现垂直居中。
当子元素是块级元素且其高度已经确定时，可以通过以下步骤实现垂直居中：
计算父元素的padding-top或padding-bottom,方法是(父元素高度-子元素高度)/2。
计算子元素的margin-top或margin-bottom,方法同样是父元素高度-子元素高度/2。
***为父元素和子元素设置定位。
