CSS元素的显示与隐藏

• display属性设置一个元素应如何显示
• visibility属性用于指定一个元素应可见还是隐藏。
• overflow用于控制内容溢出元素框时显示的方式。

display显示

• display:none ;隐藏对象，不再占有原来的位置。
• display : block ;显示元素、转换为块级元素。

visibility可见性

●visibility : visible;元素可视
●visibility : hidden;元素隐藏后，继续占有原来的位置。

• 隐藏元素想要原来位置,就用vibility : hidden
• 隐藏元素不想要原来位置，就用display : none (用处更多重点)

overflow溢出隐藏

• overflow: visible; 当文字内容超出盒子大小时，依旧显示。
  

• overflow: hidden; 当文字内容超出盒子大小时，超出部分的内容不可见。

• overflow: scroll; 当无论文字是否超出盒子大小都显示滚动条
  
• overflow: auto; 文字内容没有超出盒子内容时没有滚动条，当超出时显示滚动条
  
  未超出盒子内容时无滚动条