针对第一题：

1、display

2、text-indent

3、position

4、visibility

5、opacity

6、font-size

7、height: 0, overflow: hidden;

总体来说，对于一般元素隐藏用text-indent比较靠谱，对于浏览器来说也是非常友好的，目前暂时没有大的问题出现；假如说对于已经写死的标签那么就可以考虑用position标签，接下来是visibility，最后是display，因为这个标签属性会把元素直接从文档中del删除了。

针对第二题：

一般而言，百分比的单位都是相对父元素来计算，而transform比较特别，它是相对于自身的宽高来计算的。

1、transform

2.父元素：display: table;  

   子元素：display: table-cell;

3、flex布局

　display:-webkit-flex;

　justify-content:center; //水平居中

　align-items:center; //垂直居中

有关于css