针对第一题：
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; //垂直居中
原文：http://www.cnblogs.com/wobushijincan/p/7299660.html