技术博客
多数情况下用 justify-content: space-between 或 justify-content: flex-start，但得看菜单是否固定宽度、是否有 logo/搜索框等附加元素。如果只是纯菜单项水平铺开，space-between 容易让首尾项贴边、中间留空过大；更可控的是 flex-start 配合 margin 手动调间距。
CSS 项目支持国际化样式（i18n）与主题切换，核心在于**分离语言/区域相关的样式逻辑（如文字方向、字体族、间距习惯）和视觉主题逻辑（如颜色、圆角、阴影）**，并借助构建工具（如 Webpack、Vite、Rollup）在编译时按需注入或替换对应资源。这不是运行时 CSS 变量的简单切换，而是构建阶段的静态资源组织与条件打包。
用 fr 单位本身不会导致宽度不一致，真正的问题是：你在 grid-template-columns 中混用了 fr、px、% 或 auto —— 这会让浏览器按不同规则计算列宽，最终卡片内容撑开或收缩不一致。
百分比是相对于父容器尺寸计算的，如果父容器本身没设宽高（比如 body 或 div 没设 height），子元素用 height: 100% 就会失效或塌陷；更常见的是图片、视频、卡片在宽高比变化时被强行拉伸——这不是百分比错了，是没约束宽高比。
Bootstrap 的响应式布局不靠魔法，核心是 CSS 媒体查询 + 预设的断点类名。col-md-6 这类类名里，md 对应的是 min-width: 768px 断点，意味着“在 768px 及以上宽度时，该列占 6/12（即一半）宽度”；更小的屏幕会回退到默认的 100% 宽度（除非显式写了 col-sm-12）。
多数 CSS reset（如 normalize.css 或经典 Eric Meyer Reset）会重置 margin 和 padding 为 0，但**不会修改 box-sizing 的默认行为**。这意味着所有元素依然使用 content-box，即宽度/高度仅包含内容区，不包含内边距和边框。
可以直接用 ::selection 伪元素修改网页中被用户选中的文字颜色和背景色。最常用的是同时定义 color（文字颜色）和 background-color（高亮背景色），例如：
它只作用于 flex 容器，决定子元素在主轴（flex-direction 决定）上的分布位置。常见值有 flex-start、center、space-between 等，但要注意：如果容器没有设定明确宽度（或高度，取决于主轴方向），space-around 或 space-evenly 可能看起来“没效果”，因为浏览器按内容撑开容器后，剩余空间为 0。
本文详解如何在 bootstrap 中正确实现嵌套网格（nested grid），解决因遗漏父级 `.row` 或列宽计算错误导致的卡片错位、高度不一致等问题，并提供可直接运行的结构化代码示例。
只要父容器设了 display: flex，且子项没显式设置 height、min-height 或 align-self 覆盖，子项就会自动等高——这是 align-items: stretch 的默认行为。很多人以为要手动写 align-items: stretch，其实不写也一样。