-
flex-wrap属性用于控制弹性项目在主轴溢出时是否换行，其值包括nowrap（默认，不换行）、wrap（正常换行）和wrap-reverse（反向换行），常与flex-direction配合实现响应式布局，适用于网格、标签云等场景，并需注意与align-items、align-content及flex相关属性的协同作用。
-
现代浏览器原生懒加载推荐使用loading="lazy"属性，仅适用于<img>和<iframe>，需配合width/height防CLS，首屏图应设eager；响应式图片用<picture>+srcset按设备选最小合适资源；精细控制可用IntersectionObserver；WebP/AVIF格式与CDN缓存协同优化才是关键。
-
Symbol提供唯一属性键避免冲突，Reflect提供统一对象操作接口，二者增强JavaScript元编程能力。
-
本文讲解如何在纯JavaScript（ES6）环境下实现多步表单的分步验证，避免默认表单提交行为触发全表单校验，核心是为非提交按钮显式设置type="button"。
-
最轻量做法是用::after伪元素配合border属性绘制小三角。关键点：仅设置单向实色边框，其余为transparent；父元素需设position:relative以确保精确定位；可灵活切换方向、颜色及适配hover/active状态；兼容IE9+，纯装饰性无需ARIA。
-
justify-content:space-between未生效的常见原因包括父容器未设display:flex、子元素过少（需≥2个）、子元素被设为flex:00100%或margin:auto抢占控制权，以及column方向下父容器缺少明确高度；其与space-around、space-evenly的核心区别在于首尾子元素是否留白；IE11不支持space-evenly，且对flex:1和flex-wrap:wrap兼容性差。
-
transition对progress元素无效，因其是浏览器控制渲染的替换元素，value属性不可动画；需用div模拟进度条，通过transform:scaleX()+requestAnimationFrame同步audio状态实现平滑过渡。
-
HTML中连续空格被合并为一个且首尾忽略是规范行为，非bug；需保留空格可用 、white-space属性（如pre-wrap）或CSS间距控制。
-
本文详解如何在Vuetify2.x中为侧边菜单的v-list-item添加点击高亮效果，通过active-class属性结合路由状态管理，避免为每个菜单项单独声明响应式变量，实现简洁、可维护的激活态控制。
-
align-items:baseline将各flex项第一行可渲染文本的基线对齐，但中日韩与西文字体基线定义不同，混排时易错位；纯块级或空元素退化为flex-start；多语种下需统一字体栈、限制作用域或改用center等更可靠方案。
-
统一配置transition属性并集中通过类切换触发，确保多属性同步过渡。例如使用transition:all0.3sease或分别定义相同持续时间的过渡，配合.active类统一控制颜色、变换和透明度等可动画属性的协同变化。
-
display无法过渡因属离散属性，浏览器不能插值；应改用opacity、transform、max-height等可动画属性，并在初始类中声明transition才能生效。
-
彻底关闭HTML表格默认边框需两步：为table、th、td显式设border:none，并设置border-collapse:collapse；还需排查outline、box-shadow及iOSSafari的sub-pixel渲染问题。
-
盒模型尺寸计算偏差主因是content-box下width/height仅指内容区，padding和border向外扩展致总宽超预期；box-sizing:border-box可统一将width/height定义为内容+padding+border总和。
-
在HTML邮件中（如PowerAutomate发送），需通过CSS类或内联样式精准控制图片圆角；关键在于正确使用类选择器（.classname）、避免重复<head>/<body>标签，并优先采用内联样式以兼容邮件客户端（如Gmail）。
