1、固定宽度时怎么实现省略号：（单行）首先我们要设置固定宽度和overflow为hidden；同时我们要禁止换行 white-space: nowrap;最后就是加上省略号了；这个使我们比较常用的一种

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-grow，

CSS 布局样式一: 左侧宽度不确定, 右侧铺满剩余宽 利用 flex 实现 实现效果如下: css

当项目中大量使用定制的svg时，从优化的角度来说打包时压缩svg文件并不能达到多大的效果，因为请求数并没有减少。同时，最近发现项目中svg文件请求时间较长，加上同时请求多个svg文件，导致页面渲染较慢

方法传入两个参数，1：需要做省略的dom的行高，2：行数。3：dom元素。 通过递归的方式来获取到需要的行数的所有文案，将最后替换为...，生成新的html文本，来替换原来的html文本 参数1,2可以合并，直接算出需要的行数的高度,还能省一步计算高度（var t = h*n）。

周一刚一来到公司，产品便随口对我提了一句，"本周我们要在项目中添加一个类似论坛的功能模块"。没多想我也随口答了声"ok"。 没过一会儿，便和产品与后端同事一起碰了个头，很常规的需求，总结一下大致就是发帖，评论，点赞，分享四个功能，讨论一番后没什么问题，便开始等ui然后投入开发。…

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交