본문 바로가기
공부/Html & Css

1줄, 2줄이상 말줄임표 css 코드

by 매니션 2021. 12. 16.

 

 

 

.ellipsis {
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  /* 말줄임 적용 */
  display: -webkit-box;
            -webkit-line-clamp: 2; /* 몇줄 보이게할지 */
            -webkit-box-orient: vertical;  
}

 

 

두 줄 이상 말줄임표가 나오게 적용할 때 이 코드를 추가하면 된다.
반응형

댓글