css_eg01_让不知道宽高的两个元素水平垂直居中

html结构部分：

<div id="parent">    <div id="child">    </div></div>

css部分：

 #parent{            width: 500px;            height: 500px;            background: blue;            vertical-align:middle;/*display:table-cell与大小不固定元素的垂直居中*/            display:table-cell;        }#child{            width: 50px;            height: 50px;            margin:auto;            background: red;        }

最主要的是三个属性：vertical-align:middle;一般情况下不起作用，配合display:table-cell;一起使用就可以起作用了，
然后child再设置margin:auto;

水平居中和垂直居中的相关理解连接