flex布局子元素内部文字怎么垂直居中？ vertical-align=middle无效

flex布局父容器用items-stretch 它的子元素内部的文字怎么垂直居中？ vertical-align=middle是无效的

设置line-height:你的容器高度px，不过只能一行。。多行其他内容看不到。。

父盒子display:table，子盒子display:table-cell;vertical-align:middle

1.flex布局只能对直接子元素有影响，可以再套一层孙子元素，再次使用flex布局，内写文字

    .box{
      display: -webkit-flex; /* Safari */
      display: flex;
            justify-content：center;
            align-items:center;
    }

2.楼上写法

flex布局 子元素内部文字怎么垂直居中？ vertical-align=middle无效