面试官提问：说说弹性布局该如何解答 遇到这个问题，千万别只罗列属性！我建议分四个层次回答： 先说核心概念（容器和轴） 再讲父容器怎么控制整体（6大属性） 接着说子项怎么个性化（6大属性） 最后结合实际

在 Flex 布局中，文字省略常常因为父层默认的 min-width: auto 而失效。只需在包裹文字的 Flex 容器上添加 min-width: 0，即可让内部内容根据空间压缩，是文本缩略生效。

在 CSS 世界里，边框不只是 border 一条路。你可能一直用 border 写边框，hover 时元素宽度变化、渐变边框做不出来……其实，现在有更酷、更灵活的方式来实现边框效果。

本文将深入解析移动端视口单位的底层逻辑，结合实战案例演示如何用 `svh`/`lvh`/`dvh` 替代传统 `vh`，让你的页面在手机端真正实现「丝滑适配」，同时附赠兼容性解决方案与选型指南，助你打