css 笔记

单行文本溢出省略

overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 

多行文本溢出省略

overflow:hidden; 
text-overflow:ellipsis; 
white-break:break-all; 
display:-webkit-box; 
-webkit-box-orient: vertical ; 
-webkit-line-clamp:2;

三角代码

左：

width: 0; 
height: 0; 
display: block;
border-top: 10px solid transparent; 
border-bottom: 10px solid transparent; 
border-left: 15px solid #fff;

上：

width: 0; 
height: 0; 
display: block; 
border-left: 10px solid transparent; 
border-right: 10px solid transparent; 
border-bottom: 15px solid #fff;

三角类型2

div:before{
	content: '';
	position: absolute;
	right: 0;top: 1px;
	margin-top: -3px;
	left: 50%;
	margin-left: 200px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color:#fff transparent #fff;
};