-
HTML规范禁止在<video>标签内直接嵌套<div>等非媒体子元素，导致.img-caption无法正确渲染或响应CSS定位；修复需将图层移至<video>外部并添加pointer-events:none防止遮挡交互。458 收藏 -
最稳妥方案是overflow-x:auto+white-space:nowrap+position:relative，箭头用::after绝对定位于内容末尾，通过JS监听scrollLeft动态控制显隐，SVG内联实现高保真与可访问性。155 收藏 -
要实现多行文字水平居中，需设置容器为display:flex、flex-wrap:wrap和justify-content:center，使每行内容独立居中，适用于标签云、卡片标题等场景，注意保留足够空白避免子元素撑满导致居中失效。189 收藏 -
Proxy是一个可编程的代理层，通过拦截对目标对象的所有访问行为（如读、写、枚举、构造等）实现逻辑注入，不修改原对象也不复制属性，但必须用Proxy实例替代原对象使用。202 收藏 -
input:focus不生效主因是元素未获焦点或样式被覆盖；需确保可聚焦、禁用outline:none误删、用:focus-visible区分操作方式、:focus-within处理嵌套、适配移动端特性。342 收藏 -
图片上hover用::after无效是因为img是替换元素，不支持伪元素；需外包容器并设position:relative，::after用absolute定位+opacity过渡防闪动，注意兼容性与字体回退。438 收藏 -
inline-block元素间空隙源于HTML解析器将换行/空格作为空白文本节点渲染，表现为约4px间隙；可通过HTML压缩、font-size:0、负margin或flex布局消除。193 收藏 -
状态驱动的导航菜单核心是通过全局状态（如用户角色、路由、权限）动态决定菜单结构与高亮，而非硬编码；菜单数据从Pinia/Redux等store响应式读取并实时更新，自动匹配当前路由实现精准高亮，权限变更时主动重载，侧边栏组件仅负责渲染与跳转，保持无状态。453 收藏 -
JavaScript类中以#开头的字段是ES13标准化的真正私有字段，仅类内部可访问，外部无法读取、修改或检测，不参与反射和序列化操作。294 收藏 -
HTML5<inputtype="date">输出的字符串格式是ISO8601标准的"YYYY-MM-DD"（如"2024-03-15"），固定10位、无时间、无时区，为纯字符串而非Date对象，可直接用于JSON。310 收藏 -
HTML无法独立实现网店功能，仅能构建静态页面结构；必须配合后端（如PHP/Node.js）或SaaS平台才能完成下单、付款、库存管理等交互功能。421 收藏 -
opacity-50未生效主因是CSS优先级冲突或元素类型限制：伪元素需content、SVG子元素应改用fill-opacity/stroke-opacity；其值对应opacity:0.5，非线性映射；bg-black/50仅作用于背景色，更适用于遮罩层。275 收藏 -
首先确认HTML文件存放路径是否正确并设置合理权限，再检查Web服务器配置指向目标目录，通过虚拟主机支持多站点部署，开发阶段可用本地测试服务器运行，最后确保防火墙及云服务器安全组开放相应端口以保障访问正常。201 收藏 -
display:none彻底移除元素且不占空间，适用于真隐藏场景，但影响SEO、可访问性及JS尺寸计算；恢复显示需匹配原布局模式，推荐用class控制而非内联样式。443 收藏 -
使用<nav>标签构建语义化导航，结合CSS美化与JavaScript实现响应式交互，并通过ARIA属性和描述性链接文本提升可访问性与SEO。398 收藏
