Differences of display values

• inline

  inline Inline elements , Width and height cannot be set 、 You can set the horizontal direction of padding and margin, It is not allowed to set the vertical direction padding and margin; A line shows

• inline-block

  inline-block Inline elements , Width and height can be set , A line shows , You can set the horizontal direction of padding and margin, It is not allowed to set the vertical direction padding and margin; A line shows

• block

  block Block-level elements , Width and height can be set , You can also set padding and margin; Word wrap , Multiple block elements , The default display is from top to bottom

• none

Hidden elements , Not inherited by child elements , No place , Directly from render Remove... From the tree

• flex

         It determines the distribution of one box in other boxes , And how to deal with the available space . Use the model , It's easy          Of          establish " The adaptive " Flow layout of browser window .