-
align-items:center不生效的主因是父容器未满足Flex前提：缺display:flex、加错父级、高度未设或过小；子元素需为直接后代，避免vertical-align冲突；checkbox与文字对齐差异源于baseline与marginbox中心区别。
-
拖动地图内存持续上涨主因是事件监听器未清理，需在组件卸载时调用map.remove()及off()解绑，并限制瓦片并发请求、避免强制GPU加速。
-
JavaScript中Math对象提供静态方法处理数学计算，不可实例化；round、floor、ceil、trunc对负数行为不同；开方幂运算优先用Math.sqrt/Math.pow；random需手动缩放且不安全；所有方法均受IEEE754浮点精度限制。
-
Next.js13的error.tsx和not-found.tsx并非全局拦截器，而是基于ReactErrorBoundaries和路由层级的特殊组件；它们无法捕获事件处理器（如onClick）中抛出的同步错误，需通过状态驱动+useEffect触发异常才能被正确捕获。
-
最直接方案是display:inline-block，但需处理空白符缝隙；现代推荐flex（需设flex-wrap:nowrap）或grid（需定义grid-template-columns）；float已淘汰。
-
圣杯布局用Grid实现更直观可控，推荐用grid-template-areas声明区域、grid-area指派元素，三栏宽度按需设为固定+弹性+自适应，注意命名线、响应式同步更新及IE11兼容性限制。
-
clear:both失效是因为它只清除同级相邻浮动元素，无法影响父级浮动容器；真正有效的是让后续元素创建新BFC，如display:flow-root或overflow:hidden。
-
DOM树是浏览器解析HTML生成的节点树，根为Document（nodeType=9），元素为Element（1），文本为Text（3），注释为Comment（8）；通过parentNode、childNodes、children等属性遍历，需注意空白文本节点。
-
minmax(min,1fr)中的1fr是剩余空间分配权而非最小高度，其min值仅在容器有足够可用空间时生效；需配合容器min-height或其他约束才能真正保障最小高度。
-
本文介绍如何在基于Mendix的自定义PDF查看器中，将PDFTron表单字段的“FieldName”输入方式从文本框替换为动态下拉框，并通过后端数据源填充选项。
-
响应式图标布局通过Flexbox的gap属性和媒体查询实现多设备适配，使用flex-wrap换行、gap控制间距，并在不同断点调整图标尺寸与排列方式，提升布局美观性与稳定性。
-
答案：使用HTML5Canvas和鼠标事件实现拼图游戏，通过drawImage切割图片，结合mousedown、mousemove、mouseup模拟拖拽，打乱并重绘拼图块，设置吸附对齐与胜利判断逻辑完成交互。
-
vertical-align对表单元素无效？先确认是否在行内上下文直接说结论：vertical-align只对display:inline、inline-block、table-cell元素生效，而默认的、、虽然是替换元素，但浏览器通常按inline渲染——**前提是它们没被设成block或脱离了行内流**。常见错误现象：给浮动的加vertical-align:middle没反应，其实是它父容器用了float，子元素被强制块级化或基线参考系丢失。检查该表单元素的
-
字体不生效主因是路径错误、format不匹配、缺font-display及font-family引用不一致；路径须相对CSS文件或用绝对路径；format需与真实格式严格对应；font-display推荐swap；font-family调用时须加引号且大小写全等。
-
word-wrap/overflow-wrap失效主因是父容器未设width或flex子项缺min-width:0；break-word不断词优先，anywhere可断中文但影响阅读；IE需双写，且white-space:nowrap会覆盖换行。
