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

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

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

展开
收起
小旋风柴进 2016-06-07 13:31:05 8762 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
    赞同 展开评论 打赏
问答地址：
开发者社区 > 云计算 > 问答

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

相关问答
垂直居中有哪些方法呀？
440
1
0
块级元素会独占一行，而且无法通过width和height属性改变宽高是正确的。这种说法对吗？
834
1
0
块级元素会独占一行，而且无法通过width和height属性改变宽高，是正确吗？
421
1
0
布局选择flex居中，日期组件宽度不一致？
468
1
0
如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
1055
1
0
宽度溢出的图片在属性设置为overflow:hidden的父元素中如何实现水平居中？
2770
1
0
css3 box-flex:1 下的元素设置height：100%无效？
4241
1
0
DIV水平居中除了margin:auto;还有什么方法？
2348
1
0
li的list-style小圆点和文字没有居中对齐？
5432
1
0
内联元素使用绝对定位后，设置width和height后就可以显示了吗？
2626
1
0
问答排行榜
最热
最新
1 通过阿里云代备案系统进行个人快速备案 2699900
2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家 德哥 1818315
3 据说在家办公的程序员是这样写代码的？ 1792348
4 阿里云开放端口权限 689929
5 如何升级配置 536074
6 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522463
7 【精品问答】python技术1000问(1) 514002
8 Flink Forward Asia 2021 有奖问答 512808
9 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456923
10 OceanBase 使用动画（持续更新） 359269
11 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329725
12 OSS存储服务-客户端工具 321341
13 为体验实验室取一个新名字。 307323
14 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： 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 303861
15 Win Server 2003-2016 加密勒索事件必打补丁合集 295165
16 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 283662
17 安全组详解，新手必看教程 277262
18 写code还是做管理，开发者如何进行职业规划？ 268478
19 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255830
20 阿里云手机和阿云浏览器连接问题专帖 235632
1 一键生成你眼中的未来城市，分享部署过程、输出结果及使用体验 231
2 展示你用AI工具生成动漫头像，并分享配置过程及使用体验 204
3 国内AI大模型高考数学成绩超GPT-4o，如何看待这一结果？ 554
4 如何避免“写代码5分钟，调试2小时”的尴尬？ 564
5 通义灵码生成Git Commit的时候，偶尔生成中文，偶尔生成英文，根本无法控制生成的语言。 139
6 一键部署3D卡通风格模型，分享部署过程及使用体验 546
7 展示你通过AI修饰的自然风光照片，并讲述你的拍摄和编辑过程 954
8 机器学习PAI现在一直在重试，怎样停掉？ 227
9 请问机器学习PAI eas服务拉取dockerhub失败怎么办？ 181
10 请教下机器学习PAI的代码配置没有链接测试吗？ 116
11 平头哥芯片W800:芯片如何购买？ 153
12 阿里云Grafana升级10后 已有的 飞书webhook 报警机器人不再工作。 请问如何排查？ 153
13 请问通义灵码IDEA生成Git Commit Message 如何默认生成中文注释 108
14 Nacos登录密码忘记了如何修改？ 385
15 你知道APP是怎么开发的吗？ 1639
16 如何提高企业的业务稳定性？ 649
17 钉钉宜搭，A提交一个表单，如何设置该表单只能给B看？ 161
18 百问求答 | 回答问题即有机会得米家落地扇 347
19 集成&自动化：3层触发时，新增和删除触发正常，但编辑时不正常 120
20 jetbrain IDE 无法正常安装 TONGYI Lingma plugin 141
推荐问答
乘风问答官招募中！机械键盘免费拿

相关电子书

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