前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 41 题请用 CSS 实现两行正方形的排列布局，并说明你的写法。 考察 CSS 布局基础能力与实现思路第 42 题如何把一个元素固定在页面，不随着页面的滚动而滚动？ 考察 CSS 定位基础知识与固定定位的实际应用第 43 题Flex布局怎么实现一个居中盒子？ 考察Flex容器属性与主轴/交叉轴对齐的基本掌握第 44 题CSS如何实现垂直居中？ 考察CSS布局基础和多种方案的选择能力第 45 题请列举并解释实现 HTML 元素水平居中的几种方式。 考察 CSS 布局基础与多种水平居中实现方案的理解第 46 题共享屏幕把cart标题改成仅显示两行,超出部分做长度限制,并说一下实现思路 考察前端内容截断、文本溢出处理与实现思路表达能力第 47 题使用尽可能多的CSS方法实现左中右三栏布局 考察CSS布局知识广度与实现细节第 48 题盒子左边固定距离，右边可变距离，怎么用 CSS 实现？ 考察 CSS 布局中固定与自适应宽度组合的实现能力第 49 题一个容器里四个小方块，贴着四个角，你怎么用Flex布局？ 考察Flex布局核心属性及空间分配的理解第 50 题如何利用元素的 border 属性和 border-radius 绘制一个向下 45 度的扇形？ 考察 CSS 盒模型、border 和 border-radius 对形状绘制的理解第 51 题请解释 CSS Flexbox 布局的核心概念，并说明如何实现水平和垂直居中，以及常见的对齐方式。 考察对 Flex 布局核心属性、对齐机制和实际应用的理解第 52 题如何让几个子元素充满父元素？ 考察前端布局对弹性布局和尺寸计算的理解第 53 题有没有用过flex布局，如何实现垂直居中？ 考察flex布局基础及垂直居中的多方案实现第 54 题画一条0.5px的线有哪些方法？浏览器自动适配为1px怎么解决？ 考察前端实现细线的技术手段及对浏览器渲染问题的处理第 55 题请实现一个两栏布局，并说明如何使用 Flexbox 具体实现。 考察 CSS 布局基础与 Flexbox 核心属性的实际运用第 56 题实现一个div从左边移动到右边的动画 考察CSS动画实现能力与核心概念掌握第 57 题如何实现元素垂直居中 考察 CSS 布局基础知识与多种实现方案的掌握第 58 题元素居中实现方法有哪些？ 考察前端布局基础知识与常见技巧第 59 题主题切换是如何实现的？ 考察前端主题切换的技术方案与实现细节第 60 题CSS如何居中，请至少给出三种方法？ 考察CSS布局基础和多种水平垂直居中方案的理解