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

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

4个回答

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

showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复kkmmbbb: 如果一行动态设置下容器的line-height。如果文字高度知道,父容器relative定位,文字用一个absolute定位的div,left:50%,top:50,然后调整margin-left/right来居中文字的容器
接近 5 年之前 回复
kkmmbbb
kkmmbbb 高度是动态算的 所以不能定死
接近 5 年之前 回复

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

父盒子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.楼上写法

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐