css中visibility与display的区别

CSS中的visibility与display是二个容易让人搞混的东西，在这里简单的记录一下它们的区别：

visibility隐藏对应的元素但不挤占该元素原来的空间；也就是说虽然隐藏起来了，但是它原来占用的空间块还是保留着，只是变成空白的而已。

display隐藏对应的元素并且挤占该元素原来的空间；也就是说隐藏后，则其原来的占用的空间也就没有了。