消费品/零售行业面试题 · 编码实现 · CSS
消费品/零售行业相关面试题，按题目行业基础数据聚合。
共 11293 道真题 · 当前筛选命中 14 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 1 题实现一个双栏布局 考察CSS布局能力及对常用布局方案的掌握第 2 题如何实现文字超出显示省略号，多行文本怎么处理？ 考察 CSS 文本溢出隐藏与多行省略的基础实现第 3 题如何利用元素的 border 属性和 border-radius 绘制一个向下 45 度的扇形？ 考察 CSS 盒模型、border 和 border-radius 对形状绘制的理解第 4 题flex布局实现九宫格，用哪些属性？ 考察 Flexbox 布局基础、主轴交叉轴理解与子项尺寸控制第 5 题实现不停旋转的loading动画要怎么实现？ 考察CSS动画基础知识与实现能力第 6 题请解释Flex布局的核心概念，并说明如何实现水平垂直居中。 考察对Flex布局核心属性的理解与应用能力第 7 题CSS实现两栏布局，尽可能多的实现方式。 考察CSS布局基础、多种布局方案的理解与掌握第 8 题如何实现圣杯布局？ 考察 CSS 经典布局的实现原理与兼容性理解第 9 题写一个200px的正方形里面有一个80px的正方形(水平垂直居中) 考察CSS布局中嵌套元素居中的实现能力第 10 题盒子左边固定距离，右边可变距离，怎么用 CSS 实现？ 考察 CSS 布局中固定与自适应宽度组合的实现能力第 11 题两个栏，左边宽度200px，右边自适应怎么实现？ 考察 CSS 经典两栏布局的多种实现与原理第 12 题如何在点击关联文案时选中一个 checkbox？分别用纯 CSS 和 JavaScript 实现。 考察 HTML 标签关联机制、CSS 选择器与 JS 事件处理的掌握程度第 13 题说说你知道的居中方式，尽可能多说几个。 考察 CSS 布局基础、多种居中方案的理解与适用范围第 14 题不定宽高的 div 元素如何实现水平垂直居中？ 考察 CSS 布局方法与浏览器兼容性意识