CSS文字溢出处理，背景图片处理

文字溢出

溢出容器，要打点展示

单行文本

 width: 300px;     
 height: 40px;     
 line-height: 20px;     
 border:1px solid black; 
/* 处理单行文本 */    
/* 设置超出部分容器不会换行 */    
white-space: nowrap;   
/* 设置超出部分隐藏 */    
overflow: hidden;    
/* 显示不了的用点表示 */    
text-overflow: ellipsis; 

多行文本

/* 多行文本，不做打点，只做截断 */     
overflow: hidden;   

背景图片处理

 width: 200px;    
height: 200px;    
border: 1px solid black;    
/* 背景图片处理 */    
 background-image: url(001.jpg);    
background-size: 100px 100px;    
/* 设置是否平铺 */    
background-repeat: no-repeat;   
/* 值可以用百分号形式，也可以用px ，也可以用left/right/bottom/top/center组合 */    background-position: 50% 50% ;

淘宝网标签

<a href="https://www.taobao.com/" target="_blank">淘宝网</a>
target是设置在新标签页打开

di