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剪切超出的部分)