search

CPPAlien / JS-QA

前端知识问答
0 stars 0 forks source link

css tricks #17

Open CPPAlien opened 4 years ago

CPPAlien commented 4 years ago

保留两行，多余 ... 的 css

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow-wrap: break-word;

/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
CPPAlien commented 4 years ago

css 实现三角形

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid black;
}

同理得到其他方向的三角形，可以通过控制不同方向的border大小得到不同形状的三角形