display 和visibility 用法简记

display和visibility区别

display常用属性

1. inline: 元素会被显示为内联元素，元素前后没有换行符
2. block：元素会被显示为块级元素，元素前后会有换行符
3. inline-block ：行内块元素，即带有块级元素的特点，可以设置宽高。也带有内联元素的特点，前后没有换行符。
4. none: 将元素隐藏

visibility

1. visible: 默认值，元素是可见的
2. hidden: 元素是不可见的
3. inherit： 从父元素继承 visibility属性的值

visibility 和display 都可以通过设置属性值来隐藏元素，区别在于：
display:none 元素不再占用位置。
visibility: hidden 。元素只是看不到。位置仍被占用。