面试真题

前端 · 简单 · 网易

内容溢出写法

简单 前端 🎤 网易
参考答案
结论:内容溢出通过CSS的overflow及相关属性控制显示。核心写法:1.块容器设固定宽高与overflow:hidden(裁剪)、scroll(滚动条)或auto(浏览器判断);2.单行文本溢出省略:white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 3.多行文本截断:使用-webkit-line-clamp:n; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; 4.内容溢出窗口可用body{overflow-x:hidden}防横向滚动。注意overflow不影响脱离文档流元素;移动端需配合word-break:break-all防长单词撑破。
题目整理自公开面经,答案由校招宝自研生成,仅供参考