关于垂直居中vertical-align

实现垂直居中的两种方式1.通过设置line-height=容器高，2.通过vertical-align：middle；

1.关于垂直对齐

1.line-height属性当行高等于容器高时，可以实现垂直居中。

    当单行文本行高小于容器高时，可实现单行文本在容器中垂直中齐以上任意位置；

    当单行文本行高高于容器高时，可实现单行文本在容器中垂直中齐以下任意位置。

2.vertical-align：top     把元素的顶端与行中最高元素的顶端对齐

                text-top     把元素的顶端与父元素字体的顶端对齐

                middle         把此元素放置在父元素的中部。

                bottom         把元素的顶端与行中最低的元素的顶端对齐。

                text-bottom 把元素的底端与父元素字体的底端对齐。

        关于verti-align：对一些特定显示样式（例如单元格显示方式：table-cell）的元素才会起作用。

        所以要实现上下垂直居中对齐，可以通过将其改变成特定的一些显示格式

       采用如下样式

       display:table-cell;      /*按照单元格的样式显示元素*/

       vertical-align:middle;   /*垂直居中对齐*/

    不过我发现 实现图片居中时在父元素内的左边边添加一个充满高度宽度为0的空白图片，然后给目标图片一个参考通过vertical-align也是可以实现。