越来越多的人已经在使用flex布局了，flex的属性都很实用，垂直居中，水平居中，分分钟搞定。今天看到有个flex属性，它的值可以是1

小问题总是被人视而不见，等遇到的时候又突然想不起来，所以我们需要经常总结，这可以帮助我们更好的记忆东西。今天我们来总结两个不起眼的小问题：margin塌陷和margin合并

本篇文章总结一些CSS垂直居中的方法，例子用到的各个元素属性不做解释，详情请看MDN文档，非常的详尽，例子在chrome浏览器下完全好使，IE这个渣渣就不测了

一、定位 1、盒子宽高已知 2、盒子宽高未知 3、平移+定位 二、margin+padding 三、平移 四、table-cell布局 五、flex布局

全局属性是所有HTML元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。很多属性在我们之前的学习中都已经接触过了，能熟练地记识这些属性能够给我们之后的Web开发带来很多便利。

这是我参与8月更文挑战的第9天，活动详情查看：8月更文挑战 背景 在日常工作和学习中我们肯定或多或少的接触到过对图片的的处理，我们一般情况下使用img标签就能解决我们大部分的需求，但还有更高级的对图片

前端开发一年之前从来不用，一年之后伪类伪元素真香！ 但是有一个问题，伪类和伪元素傻傻分不清！今天就来好好的辨一辨它们。

前言 今天给大家分享一个圣杯布局和双飞翼布局及他们之间的区别，这两个三行布局一直是一些大厂前端面试的高频考点，带你走进大厂面试题，活不多说，冲冲冲~ 布局的效果 这两个种三行布局效果是一样的，实现的效

我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。