超出隐藏点点显示：
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实现不固定宽高文字垂直居中
原文：http://www.cnblogs.com/xiaoxiao666/p/7891626.html