말줄임 관련 CSS (한줄, 두줄)

옛슬·2022년 1월 20일
1
post-thumbnail

한줄 말줄임

p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

두줄 말줄임

 p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  • IE에는 사용되지 않는 치명적인 단점이 있다,,
profile
웹 퍼블리셔입니다💓

0개의 댓글