什么是图片懒加载？ 如今一张图片的大小可以轻松达到几M的大小，如果一个页面中同时有比较多这样的图片，同时加载的话会造成页面加载缓慢。。。。。。

前言 经常在掘金看到很多同学写多行文本省略如何处理，很多都用的css，这些方案或多或少有一些兼容性和局限性。 我今年的计划是实现react pc端和移动端组件库（主要是借（chao）鉴（xi）各个比较

以上是 CSS 水平居中的 8 种方法。 注：① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…

Flexbox 该怎么用以及应用场景

flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值

margin: auto 解决了 让一个 正常布局流(normal flow) 中 固定宽度 的 块 元素 水平 居中 的问题，其原理就是：在 writing-mode: horizontal-tb 和 direction: ltr 的前提下，当我们给一个块元素设置 margi…

flex布局目前已经非常流行了，它基本上可以完成大部分的布局需求。早一些的float布局、表格布局等等便没有那么受欢迎了。但是任何事物都不是完美的，flex布局也一样，它也有瑕疵

水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了： 嗯。这里其实就涉及了一个问题，如何让 margin: auto 在垂直方向上生效？ 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…

在使用Flex布局时仅使用align-items和justify-content有时并不能满足我们的需要，通过margin: auto我们可以实现一些比较有用的布局。 1. 不一样的两端对齐 2. 不一样的space-between 3. 不一样的space-around 4.…