一个 tab 切换到底要写几个 if？答案取决于两个前提：面板数量固定、按钮与面板一一对应。用 data-index 存索引、把点击交给容器监听，jquery tab选项卡的切换逻辑能压到六行；面板结构各不相同、有的要懒加载有的要保留 DOM 的页面就不适用，索引省下的代码还不够补特判。 一个索引变…

侧栏那条链接的颜色，前后改了四遍都没改对。问题不在哪条规则写错了，而在同一个元素被几条规则同时盯上时谁说了算，也就是css选择器优先级高低排列怎么算。这张比对表算错一次，后面全歪。 css选择器权重计算是四列并排，不是十进位 把权重写成一个数字是错的。浏览器比的是四列：行内样式、ID、class（属…

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

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