css 样式常用小细节

文本溢出隐藏： 

overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
display:-webkit-box;

　　

多行文本溢出：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

flex布局：

display: flex;
flex-wrap: wrap;

　　另一flex

.pageContent{
  padding: 30px;
  display: -webkit-box;
  width: 100%;
  
}
.leftContent{
  flex: 1;
  margin-right: 30px;
  width: 70%;
  -webkit-box-flex: 1;
}
.rightContent{
  flex: 0 0 20%;
  background-color: #ffffff;
}