search

yisainan / web-interview

我是齐丶先丶森，收集整理全网面试题及面试技巧，旨在帮助前端工程师们找到一份好工作！更多详见公众号「前端面试秘籍」
MIT License
2.63k stars 505 forks source link

[兼容性] 64. li 中的内容以省略号显示 #926

Open qiilee opened 4 years ago

qiilee commented 4 years ago

问题说明： li 中内容超过长度时，想以省略号显示， 此方法适用于 ie6-7-8、opera、safari 浏览器、ff 浏览器不支持

解决方法：

li {
    width: 200px;
    white - space: nowrap;
    text - overflow: ellipsis; - o - text - overflow: ellipsis;
    overflow: hidden;
}