Difference between css visibility and display

Today, this is involved in creating a form. After the corresponding options are selected, several elements (visible or invisible controls) are set, and visibility is used later. Let's first look at the introduction of several attributes corresponding to visibility:

--------------------------------------------------------------------------------

1 visibility: visible 2/* Elements. The default value */3 visibility: hidden 4/* elements are invisible, but the corresponding space is still reserved */5 visibility: the collaps tutorial e 6/* only applies to table objects. It can remove rows or columns but does not affect the table layout. If this value is set to, it is displayed as hidden on an object other than table. */9 visibility: inherit10/* inherits the visibility value of the upper-level element. */
--------------------------------------------------------------------------------

1. Let's take a look at the introduction of several properties of display: 2 3 display: none4/* elements are invisible and do not reserve the corresponding position */5 display: block6/* represents a block-level element (typically Exclusive row) */7 display: inline8/* represents a row-level element (generally not exclusive row )*/