글자 수를 줄여주는 말줄임표

TeamProjectHappy/front

글자 수를 줄여주는 말줄임표

karatejin 2023. 2. 3. 22:09

데이터베이스에서 자료를 연결해서 화면에 출력하는데 제목이 다 노출 될때에는 말줄임표가 필요하다.

.course_title4 {
    width: 100%;
    height: 45px;
    font-weight: 600;
}

기존의 css를 수정해야한다.

.course_title4 {
    width: 100%;
    height: 45px;
    font-weight: 600;
    /* 말줄임표 */
    overflow: hidden; /*숨겨줘*/
    text-overflow: ellipsis; /*말 줄임표로 잘린 텍스트가 있다고 표시*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}