超出隐藏点点显示：
1.一行超出隐藏点点显示
???width: 100%; ???overflow: hidden; ???white-space: nowrap; //不允许换行 ???text-overflow: ellipsis;
2.多行最后一行超出隐藏点点显示
???width: 100%; ????display: -webkit-box; ???-webkit-line-clamp: 3; //盒子模型属性，设置最大行数 ???-webkit-box-orient: vertical; ???overflow: hidden;
上下左右居中：
1.知道固定宽高
???position: absolute; ???top: 50%; ???left: 50%; ???margin-top:-height/2; ???margin-left:-width/2;
2.transform法(不兼容IE8)
???position: absolute; ???top: 50%; ???left: 50%; ???transform: translateX(-50%) translateY(-50%);
3.table-cell实现不固定宽高文字垂直居中
一些css魔法
原文地址：http://www.cnblogs.com/xiaoxiao666/p/7891626.html