css display+visibility+opacity属性

1、***属性：display
取值：block - 块级
inline - 行内
inline-block - 行内块
none - 隐藏

注意强调：
1、display:inline-block，默认垂直方向是基线对齐，修改：
vertical-align: top/middle/bottom

2、display:inline-block，默认垂直方向是基线对齐，如果每个元素的高度不同，则看似是向底部对齐，调整：
vertical-align: top/middle/bottom

 

拓展 ：透明度：
语法：opacity: 1显示 0隐藏;
background: rgba(255,255,255,透明度);

拓展 ：可见性：可见和不可见
语法：visibility: hidden;//不可见

隐藏：display:none 和 opacity:0;区别
1、display:none 真正的消失掉，不再占据页面空间
2、opacity:0; 透明度为0，看不见了，但其实还是在原地
3、visibility: hidden;不可见，其实还是在原地，占据页面空间