前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 1 题请手写几种常用的 CSS 居中布局方案，并说明它们的适用场景。 考察 CSS 布局基础与方案选择能力第 2 题CSS Flex的主轴和交叉轴,怎么用Flex实现滴滴订单列表“信息左对齐、金额右对齐”,写关键CSS。 考察Flex主轴交叉轴的基本概念与对齐属性的实际应用第 3 题CSS Flex 如何实现垂直居中？ 考察 Flex 布局盒对齐属性的掌握与边界情形第 4 题CSS 中相对定位和绝对定位的基准各是什么？请举例说明。 考察对定位包含块和相对原点机制的理解第 5 题现在想实现淡入淡出的效果，怎么实现？ 考察CSS过渡和动画的基础实现能力第 6 题如何实现浏览器顶部和底部固定，中间自适应，内容超出出现滚动条？ 考察CSS布局基础和滚动容器处理能力第 7 题在不同屏幕(360px、375px、414px 等)上保持“一行三等分元素”的统一效果，怎么实现？ 考察响应式布局中三等分元素的实现与适配能力第 8 题CSS 0.5px的线怎么实现 考察 CSS 实现亚像素线条的常见技巧与原理第 9 题请说明 Flex 布局的基本概念和常用属性，并给出一个典型的三栏布局实现。 考察对 Flex 布局核心属性及典型布局实现的理解第 10 题CSS中如何通过定位实现水平垂直居中？ 考察CSS定位布局的基础知识与实现细节第 11 题不定宽高的 div 元素如何实现水平垂直居中？ 考察 CSS 布局方法与浏览器兼容性意识第 12 题CSS 悬停按钮放大 1.5 倍应该怎么实现？ 考察 CSS transform 和过渡动画的基础应用第 13 题请实现一个两栏布局：左侧固定 200px，右侧自适应剩余宽度。 考察 CSS 布局能力、浏览器兼容性与响应式理解第 14 题请介绍 Flex 布局的核心概念和常见用法。 考察对 Flex 布局基本原理与典型应用场景的理解第 15 题用CSS如何实现一个三角形？ 考察CSS盒模型与边框的灵活运用第 16 题什么是伪元素？请举一个例子说明其用法。 考察对伪元素概念及实际应用的理解第 17 题谈谈你对 flex 布局的了解和使用，其中 justify-content、align-items 怎么用，原理是什么？ 考察 CSS flex 布局的核心概念、属性用法及对齐原理第 18 题怎么实现类似微信一样上下固定中间滚动的布局，说出具体的标签、属性？ 考察移动端或Web端固定区域加滚动区域的布局实现能力第 19 题实现一行三列布局，左右固定宽度、中间充满剩余空间，有哪些常用方法？ 考察常见布局技术的原理与实现能力第 20 题如何控制元素的显示和隐藏？ 考察前端基础 CSS 与 DOM 操作能力