AI 助理
备案控制台
开发者社区> 问答> 正文

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

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

展开
收起
小旋风柴进 2016-06-07 13:31:05 8818 0
2 条回答
写回答
取消 提交回答
  • 汽水超人

    容器上并没有items-stretch这个属性，如果用flex解决元素内容文字要居中的话，对文字的容器 display: flex; align-items: center;

    2019-07-17 19:29:50
    赞同 展开评论 打赏
  • 小旋风柴进

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

    2019-07-17 19:29:50
    赞同 展开评论 打赏
问答标签：
flex布局 flex垂直居中 flex布局垂直居中
问答地址：
开发者社区 > 云计算 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答
钉钉的webview是不是不支持flex布局？
168
3
0
布局选择flex居中，日期组件宽度不一致？
488
1
0
flex可以实现中间宽度固定，两边自适应的三列布局吗
5835
1
0
flex(box?)书架布局的问题
2142
1
0
CSS3 中的 flexbox 布局的属性 flex-direction:column 是将容器主轴改为纵轴了吗？
4711
1
0
垂直居中有哪些方法呀？
452
1
0
内边距是padding，使用内边距会改变原有的width和height的大小，这种说法正确吗？
837
1
0
宽度溢出的图片在属性设置为overflow:hidden的父元素中如何实现水平居中？
2801
1
0
DIV水平居中除了margin:auto;还有什么方法？
2383
1
0
css3 box-flex:1 下的元素设置height：100%无效？
4344
1
0
问答排行榜
最热
最新
1 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家 德哥 1818923
2 据说在家办公的程序员是这样写代码的？ 1793033
3 阿里云开放端口权限 690220
4 如何升级配置 536264
5 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522799
6 【精品问答】python技术1000问(1) 514114
7 Flink Forward Asia 2021 有奖问答 512893
8 OceanBase 使用动画（持续更新） 359365
9 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329791
10 OSS存储服务-客户端工具 321534
11 为体验实验室取一个新名字。 307460
12 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 304063
13 Win Server 2003-2016 加密勒索事件必打补丁合集 295316
14 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 284149
15 安全组详解，新手必看教程 277334
16 写code还是做管理，开发者如何进行职业规划？ 269088
17 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255873
18 阿里云手机和阿云浏览器连接问题专帖 235685
19 请问阿里云邮箱如何开启SMTP服务啊！ 225830
20 支付宝H5 下载的时候，提示 【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】 224538
1 AI时代，存力or算力哪一个更关键？ 109
2 全网寻找 #六边形战士# 程序员，你的 AI 编码助手身份标签是什么？ 631
3 关于开发者的100件小事，你知道哪些？ 857
4 AI助力，短剧迎来创新热潮？ 439
5 1024程序员节，开发者们都在参与社区的哪些活动？ 1930
6 关于文本框校验自定义函数的问题 219
7 百问求答第四期-回答问题即有机会拿冬季取暖器 790
8 宜搭-集成&自动化，怎么实现定时自动获取普通表单里的所有数据，并更新该表单里的某列数据？ 107
9 有没有大佬知道：宜搭的流程表单里如何通过js面板给成员组件赋值？ 150
10 百问求答第四期-回答问题即有机会拿冬季取暖器 612
11 域名内网可以正常访问，外网访问不了 148
12 宜搭表单 数据管理 增加 全部删除功能 126
13 获取Access Token报code: 400, body is mandatory 258
14 运动旅游开启新潮流，哪些科技手段能助力你的行程呢？ 839
15 “AI+儿童陪伴”，是噱头还是趋势？ 896
16 小白求助，跟着大模型微调教程做不太明白 489
17 2024年阿里云双十一有活动吗？买服务器价格能优惠吗？ 256
18 P人出游，你是否需要一个懂你更懂规划的AI导游呢？来搭建专属文旅问答机器人吧 1439
19 【云端读书会 第1期】读《10分钟打造专属AI助手》，你有哪些心得？ 2453
20 宜搭上有很多表单有附件，想把附件根据项目名称统一存储到钉盘里面 152
推荐问答
乘风问答官招募中！机械键盘免费拿

相关电子书

更多
    • 低代码开发师（初级）实战教程 立即下载
    冬季实战营第三期：MySQL数据库进阶实战 立即下载
    阿里巴巴DevOps 最佳实践手册 立即下载