前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 161 题如何使用CSS计算属性（calc()）实现三栏布局？请写出基本思路和代码示例。 考察将calc()灵活应用于实际布局的能力第 162 题如何实现一个div宽度固定、另一个div宽度撑满剩余空间的CSS自适应两栏布局？ 考察CSS布局技巧与弹性布局理解第 163 题怎么用CSS做成一个三角形？ 考察CSS盒模型与边框属性的掌握程度第 164 题请描述如何将一个红色正方形水平垂直居中地放置在绿色正方形内部正中间。 考察布局居中方法及实现细节第 165 题伪元素选择器有哪些？请举例说明它们的应用场景。 考察CSS伪元素选择器的种类、语法及典型应用第 166 题px、em、rem水平垂直居中怎么实现（多说几种）？ 考察CSS单位理解及多种居中方案的掌握第 167 题如何使用 Flexbox 布局来创建一个响应式的视频库展示界面？ 考察 Flexbox 布局原理、响应式设计能力及实际应用第 168 题请解释CSS媒体查询的基本原理，并举例说明如何为响应式布局编写媒体查询规则。 考察响应式设计与CSS媒体查询的掌握程度第 169 题实现一个响应式布局：5个元素，每个高120px，宽随浏览器窗口变化，一行3个，每行两端对齐，不足3个时左对齐，盒子间间隔5px，如何实现？ 考察flex布局、换行及对齐方式的掌握程度第 170 题块级元素和行内元素在盒模型上有什么区别？如何修复布局中的相关显示问题？ 考察对盒模型知识、元素类型特性及常见布局问题修复方法的理解第 171 题如何用CSS实现文本溢出省略号效果？ 考察CSS基础与文本溢出处理的实现能力第 172 题Flex布局中哪些属性作用在父元素，哪些作用在子元素？各自的作用是什么？ 考察Flexbox基础属性的掌握与作用域划分第 173 题请说明如何用 Flex 布局实现元素的水平垂直居中，并写出关键 CSS 代码。 考察 Flex 布局实现居中的常用方法及 flex 属性细节第 174 题给一个loading的图片,怎么用动画实现加载的动画？ 考察前端动画实现能力与对加载反馈细节的理解第 175 题当只有一个 div 且不能在其中添加额外内容时，如何在文本末尾显示省略号？ 考察 CSS 文本溢出省略的前端基础与实现边界第 176 题用CSS实现上下左右居中(写出几种方法) 考察CSS布局居中方式的掌握广度和稳定性认知第 177 题请用你熟悉的语言或工具画一个3x3的九宫格，并说明实现思路。 考察基础编程能力与代码组织习惯第 178 题请描述一次你实现动画效果的经历，并说明具体实现方式。 考察前端动画实现能力与原理理解第 179 题元素如何垂直水平居中？ 考察CSS居中布局的多种实现方式及适用场景第 180 题左边固定宽度，右边自适应宽度，如何使用 CSS 实现这种两列布局？ 考察 CSS 布局的基础能力和常见方案对比