-
三列1fr不等宽是因内容撑开或min-width限制；应约束子元素尺寸，用minmax(0,1fr)、overflow隐藏及width:100%等确保内容服从列宽。214 收藏 -
float-left和mr-4无法稳定实现文字环绕，因浮动元素脱离文档流后margin不影响文本行盒宽度；应改用flow-root+me-4或手写shape-outside。214 收藏 -
HTML中插入真正空格最常用的是 实体，它表示不换行空格，不会被浏览器合并或折行；其他如 、 宽度不同且兼容性较差；CSS的letter-spacing、word-spacing或text-indent通常更可控、语义化。214 收藏 -
应使用<pre>标签原样显示代码、日志等含空格换行的文本，它保留空白符但不提供语义；需嵌套<code>表示代码语义，服务端须对用户输入做HTML编码防XSS。214 收藏 -
grid-auto-rows仅定义隐式行轨道高度，不控制是否自动生成行；真正触发隐式行的是子项越界定位或grid-auto-flow:row下的自动填充。213 收藏 -
使用Flexbox和CSSGrid构建响应式表单，外层用Grid实现多列自适应布局，内层用Flexbox对齐标签与输入框，结合媒体查询和gap属性优化断点与间距，确保在不同屏幕下均保持良好结构与可维护性。213 收藏 -
纯CSS折角本质是遮罩，用两个伪元素配合linear-gradient斜向渐变模拟，关键在135deg角度、透明与实色段等长、尺寸精准匹配及盒模型留白。213 收藏 -
表单必须用<form>包裹，否则回车或点击提交无反应；按钮需设type="submit"；密码框用type="password"并关联label；提交前校验空值和格式，禁用重复提交。213 收藏 -
用transform:translateX()+transition实现导航栏下划线动画最顺滑；需配合offsetLeft/offsetWidth动态计算位置、监听resize、使用pointerdown事件并避免will-change长期驻留。213 收藏 -
单向数据流是JavaScript中父组件向子组件单向传递数据、状态变更须经上层统一处理的模式；它确保状态流向清晰、可预测、可追溯，提升调试效率、组件复用性与团队协作质量。213 收藏 -
Markdown原生不支持==text==高亮语法，因CommonMark未定义该语法，多数工具默认忽略或原样输出；最兼容方案是直接使用<mark>标签，GitHub除外，Jekyll等静态站支持。213 收藏 -
HTML5转APP启动页动画常不生效，因打包工具默认仅支持静态启动图，Web层在splash期间被挂起，需通过原生插件（如cordova-plugin-splashscreen）手动控制显隐时机，uni-app等则只能模拟伪动画。213 收藏 -
gap在flex布局中生效的前提是父容器必须设置display:flex或inline-flex；仅设flex-wrap:wrap而无display:flex会导致gap失效。213 收藏 -
HTML5HistoryAPI通过pushState()和replaceState()实现无刷新URL修改与历史管理，配合popstate事件响应导航，是SPA路由核心；HTML4无此能力，仅能依赖hash或过时iframe方案。213 收藏 -
纯CSS轮播关键在scroll-snap实现精准停靠：需设scroll-snap-type:xmandatory、每项scroll-snap-align:center、容器overflow-x:auto+scroll-behavior:smooth，:target仅触发锚点定位。213 收藏
