display 和 visibility的区别

display和visibility都是CSS中用来控制元素显示和隐藏的属性。它们的区别如下：

1. display属性控制元素在页面中是否显示，并且会影响元素在文档流中的位置。而visibility属性仅控制元素是否可见，不会影响元素在文档流中的位置。

2. display属性有多种取值，包括block、inline、none等，它们分别表示元素的显示方式。而visibility属性仅有两种取值，visible和hidden，分别表示元素可见和不可见。

3. 当元素的display属性值为none时，元素在页面中不会显示，同时也不会占据文档流中的位置。而visibility属性值为hidden时，元素在页面中不可见，但仍会占据文档流中的位置。

综上所述，display和visibility的区别在于它们控制元素的显示方式和影响文档流的程度不同。