-
-
CSS基线对齐文本布局技巧
-
align-items:baseline经常不生效是因为它仅在flex容器中对直接子元素有效，且依赖子元素的字体度量、是否含文本等条件；vertical-align:baseline则作用于内联上下文，两者适用场景和计算逻辑完全不同。
-
文章 ·
前端
| 2星期前 |
219浏览
收藏
-
-
HTML5表单错位怎么解决？控件对齐技巧
-
默认情况下input和label在Flex容器中垂直不对齐，因表单控件baseline位置不统一且align-items:stretch下拉伸加剧错位；推荐统一box-sizing:border-box并设align-items:center（单行控件）或baseline（含textarea时微调）。
-
文章 ·
前端
| 2星期前 |
464浏览
收藏
-
-
多级垂直菜单设计与递归样式实现
-
用data-level属性标记层级，padding-left替代margin-left实现缩进，父级设position:relative，::after伪元素消除hover间隙，top:calc(100%+1px)，transition明确属性，body.menu-open控制滚动穿透，IE11降级为block布局。
-
文章 ·
前端
| 2星期前 |
131浏览
收藏
-
-
Set高效处理数组并集交集差集方法
-
Set实现数组并集、交集、差集：并集用[...newSet([...arr1,...arr2])]，交集用arr1.filter(x=>setB.has(x))，差集用arr1.filter(x=>!setB.has(x))并视需去重；引用类型需序列化或提取ID处理。
-
文章 ·
前端
| 2星期前 |
443浏览
收藏
-
-
