AJAX学习笔记上（学习自用）

一、letter-spacing 与字符间距？

二、常见的元素隐藏方式？

三、实现一个三角形？

/*三角形的实现原理是利用了元素边框连接处的等分原理。*/
.triangle {
  width: 0;
  height: 0;
  border-width: 100px;
  border-style: solid;
  border-color: tomato transparent transparent transparent;
}

四、隐藏元素的 background-image 到底加不加载？

相关知识点:

回答:

五、如何实现单行／多行文本溢出的省略（...）？

/*单行文本溢出*/
p { 
     overflow: hidden;  
     text-overflow: ellipsis; 
     white-space: nowrap;
}​
/*多行文本溢出*/
p { 
     position: relative;  
     line-height: 1.5em;  /*高度为需要显示的行数*行高，比如这里我们显示两行，则为3*/  
     height: 3em;  
     overflow: hidden;
}
​p:after { 
     content: '...';  
     position: absolute; 
     bottom: 0;  right: 0;  
     background-color: #fff;
}