上周三晚上十点多，我在改一个后台列表页，本来只想加个横向滚动，结果 flex 怎么写都别扭，右边按钮老被挤到第二行，当时第一反应是这破布局又抽风了。索性把手上三个页面拆开重做，顺手把 flex布局的适用范围 摸了一遍，也踩了两个坑，这篇就是那晚的记录。 三个页面，先交代各自的布局长相 三个页面都不复…

给一个 div 做垂直居中，css控制div垂直居中这件事看着简单，真落到老项目里就会撞上各种约束：容器高度不定、结构不许改、还要照顾旧版浏览器的表现。把常见写法摆在一起对照，弄清各自的前提和代价，能省掉大量试错，改版时不用逐个模块回归。 一、垂直方向为什么更难对齐 水平居中只要容器有明确宽度，ma…