get CSS 三角与单行溢出文字的省略号显示

CSS三角

• CSS中的边框是以中心为点连接四个角的，所以她的边框是斜角的，这就为三角形的制作做了铺垫。
• 如下图所示，制作的小三角：
• 

• 制作三角的三个步骤：

  •  1.  将盒子的宽度于高度设置为0
    
      2.  将四个边框都写出，写上自己所需要的三角的高度即可。四个边需要分开写，留下需要的那个方向的，其余的颜色改为透明（transparent）就可以啦~
    
      3. 对于低版本的浏览器加上**`font-size：0；line-height:0;`**即可兼容低版本。
    

单行溢出文字的省略号显示

• 1.强制一行内显示文本*/
  white-space: nowrap;

  1. 超出的部分隐藏*/
     overflow: hidden;

  2. 文字用省略号替代超出的部分*/
     text-overflow: ellipsis;(text的另外一个属性值是cilp剪切超出的部分)