flex垂直水平居中（html用flex调整位置垂直、水平居中后，怎么微调）
本文目录
html用flex调整位置垂直、水平居中后，怎么微调
这个是没办法微调的，因为这是css渲染时自动运算的，不过你可以给部分元素加宽高来平衡
css使用flex文字不偏移
外部盒子先使用display:flex; justify-content: center; align-items: center; 将文字所在的内容盒子水平垂直居中于外部盒子中间，再将内容盒子display:flex; align-items: baseline; 将内容盒子里面的文字基于第一个文字的底部对齐。
html部分
《div class="box"》
《div class="content"》
《div class="num"》8《/div》
《div class="unit"》折《/div》
《/div》
《/div》
登录后复制
css部分
.box{
background-color: #4773DC;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
.content{
display: flex;
align-items: baseline;
.num{
font-size: 50rpx;
}
.unit{
font-size: 20rpx;
}
}
}
登录后复制

css
更多文章：
西地那非怎么使用?（西地那非效果怎么样 详解西地那非的使用效果及注意事项）
2026年10月14日 11:30
idea控制台乱码（idea 输出 System.out.println（） 控制台乱码）
2026年10月14日 07:30
2026年10月14日 06:20
spring事务的作用（为什么要使用spring的事务，一般在什么情况下使用）
2026年10月14日 05:40
2026年10月14日 04:50
linux怎么进入命令行（怎么样配置linux使其启动时直接登录到命令行模式）
2026年10月14日 02:00
java培训机构好还是大学好（大学生想转行学java，该去java培训班还是自学呢）
2026年10月13日 23:30
2026年10月13日 19:10
2026年10月13日 19:00
前端面试必背十个点（资深HR揭秘：Web前端面试技巧有哪些）
2026年10月13日 17:50
