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年11月7日 08:10
2026年11月7日 08:00
2026年11月7日 06:50
sqlite格式的视频怎么打开（.sqlite是什么文件，用什么工具打开）
2026年11月7日 05:30
element ui面试题（用element-ui ELDialog和ELTable遇见的坑）
2026年11月7日 04:40
2026年11月7日 03:30
中文自动翻译成英语的输入法（有没有一种输入法能将打出来的中文自动变成英文）
2026年11月7日 02:10
equals to（为什么有些英文句子要用的是“equals to that of” 这个that和of之间还可以加名词吗）
2026年11月7日 01:50
default values（电脑开机后出现all settings was reset to default values.）
2026年11月7日 01:20
structured reviewing翻译（软件测试的英文翻译）
2026年11月7日 00:50
