Html(隐藏元素的方法) vertical-align(设置元素的垂直排列的属性)

1.隐藏元素的方法

visibility: hidden；但是元素占用的空间任然存在

opacity: 0；一个CSS3属性，设置0可以使一个元素完全透明

position: absolute；使元素脱离文档流，处于普通文档之上，给它设置一个很大的left负值定位，使元素定位在可见区域之外

display: none；元素会变得不可见，并且不会再占用文档的空间

transform: scale(0)；将一个元素设置为无限小，这个元素将不可见。这个元素原来所在的位置将被保留

 HTML5 hidden attribute；hidden属性的效果和display:none;相同，这个属性用于记录一个元素的状态

height: 0; overflow: hidden；将元素在垂直方向上收缩为0,使元素消失。只要元素没有可见的边框，该技术就可以正常工作

2.设置元素的垂直排列的属性

vertical-align用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐.

1.baseline 默认。元素放置在父元素的基线上。
2.sub 垂直对齐文本的下标。
3.super 垂直对齐文本的上标
4.top 把元素的顶端与行中最高元素的顶端对齐
5.text-top 把元素的顶端与父元素字体的顶端对齐
6.middle 把此元素放置在父元素的中部。
7.bottom 把元素的顶端与行中最低的元素的顶端对齐。
8.text-bottom 把元素的底端与父元素字体的底端对齐。
9.length 无
10.% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
11.inherit 规定应该从父元素继承 vertical-align 属性的值。