CSS显示属性详解-CSDN博客

本文链接：https://blog.csdn.net/fjxcsdn/article/details/86666148

显示

**display常用显示方式**
属性	display
取值	none：让生成的元素不显示 - 隐藏特点：脱离文档流 block：让元素表现的和块级元素一样特点：独占一行、允许修改尺寸、允许正常处理垂直方向的外边距 inline：让元素表现的和行内元素一样特点：多个元素一行内显示、不允许修改尺寸，垂直外边距无效 inline-block：让元素表现的和行内块一样特点：多个元素能在一行内显示、允许修改尺寸 table：让元素表现的和表格元素一样特点：每行只显示一个、尺寸以内容为准

效果展示：

**显示效果**
显示 / 隐藏属性：visibility	取值： 1、visible : 默认值，可见的 2、hidden : 隐藏，依然占据空间
透明度属性：opacity	取值：0.0(完全透明) ~ 1.0(完全不透明) 之间的数
垂直对齐方式属性：vertical-align （设置td和img的垂直对其方式）	取值：设置在 td 上的值 top middle bottom 设置在img上的值、图片两边的文本，相对于图片的垂直对齐 top middle bottom baseline ：基线对齐
常用操作	在开发网页过程中，通常会先将所有的图片(img)的vertical-align属性修改为除baseline以外的其他值