当我们需要隐藏页面中的元素时，我们会考虑到css中有两个属性可以做到，一个是display，他的默认值是block，虽然block的意思有些让人费解，但是我们只需要知道它就意味着正常显示元素，它还有一个值是none,就是不显示。我们通常只需要用到这两个值。另一个属性就是visibility,它也有两个值：visible和hidden,通过字面意思很容易理解他们的作用。
为什么会有两个功能如此相近的属性呢？其实不然，display在隐藏页面元素的时候，它不仅会把元素隐藏掉，而且这个元素所占的空间也被释放了出来。就像孙悟空变成空气飘走了一样，而visibility隐藏的时候，它所占的空间还是被保留了下来，就像一个人抹了隐形药水一样，虽然我们看不见，但是我们能感觉到他的存在。你的拳头打过去还是有反应的。
本Blog文章除特别声明之外皆为原创文章，欢迎转载，转载请注明： 转载自JSSAY'S BLOG