实现元素水平居中和垂直居中的方法
水平居中 水平居中的方法大家应该都知道 1.在父元素的里面加 /父元素 { text-align:center; } //子元素 { //如果不管是就在子元素加 display:inline/inline-block; } 2.前提：居中的元素必须是块级元素 /父元素 { text-align:center; } //子元素 { //如果不管是就在子元素加 display:inline/inline-block; } 垂直居中 1.绝对定位(一) //已知宽高 //父元素 { position: relative; width:宽; height: 高; } //子元素 { width: 宽; height: 高; position: absolute; left: 50%; top: 50%; margin-left: -宽/2; margin-top: -高/2; } 2.绝对定位(二) //已知宽高 //父元素 { position: relative; width: 250px; height: 250px; background: blue; } //子元素 { position: absolute; width: 50px; height: 50px; left: 0; top: 0; right: 0; bottom: 0; margin: auto;