.parent{高度：200px；边框：1px实心；显示：表格单元格；vertical-align:middle;}.child{vertical-align:middle;}未知宽高绝对居中+margin:auto.parent{position:relative;}.child{position:absolute;左：0；顶部：0；右：0；bottom:0;　margin:auto;}绝对定位+transformie9+.parent{position:relative;}.child{position:absolute;　top:50%;　left:50%;　transform:translate(-50%,-50%);}flexie10+.parent{显示：flex;证明内容：居中；对齐项目：中心；}网格ie10+.parent{显示：网格；证明内容：居中；align-items:center;}已知道宽高负载margin要考虑兼顾性.parent{position:relative;}.child{position:absolute;　top:50%;　left:50%;　margin:-height/2-width/2;}padding.parent{padding:(parent.height-child.height)/2(parent.width-child.width)/2;}absolute+calcie9+.parent{position:relative;}.child{position:absolute;　top:calc(50%-height/2);　left:calc(50%-height/2);}漂动元素垂直居中父元素table-cell#demo{宽度：300px；高度：200px；背景色：灰色；显示：表格单元格；vertical-align:middle;}.fl{float:left;宽度：50px；高度：50px；背景颜色：黑色；