基本信息

---

下载

文档摘要

---

Web前端开发工程师面试题及答案（实战版）

一、HTML/CSS基础（10题）

题目：简述Flex布局中flex:1的具体含义，实际项目中你用它解决过什么问题？

答案：flex:1是flex-grow:1、flex-shrink:1、flex-basis:0%的简写。表示项目会自动分配剩余空间，收缩比例为1，初始宽度为0（而非自动适应内容）。实际项目中常用在两栏布局（比如侧边栏固定+主内容自适应）、表单输入框与按钮同行适配，避免因内容长度导致布局错乱。

题目：如何实现一个元素垂直水平居中？至少说3种方案，说明各自适用场景。

答案：

方案1：positi