관리 메뉴

이사작전.com IT Blog

[CSS] 긴 텍스트 말줄임표(점점점) 처리하는 방법 본문

Front/CSS

[CSS] 긴 텍스트 말줄임표(점점점) 처리하는 방법

말랑고양 플랫폼공작소 2018.02.02 12:55

안녕하세요. 이사작전.com의 개발자 말랑고양입니다.

아래의 사진처럼, 텍스트가 너무 길때 우리는 말 줄임표(....) 처리를 해야하는데요


# 예시 사진


여러문장을 점점점 처리하는 방법은 아래와 같습니다.


# 소스코드 공개

1
2
3
4
5
6
7
8
9
10
11
<style>
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
</style>
cs



도움이 되셨다면 '공감' 버튼 한번씩 눌러주세요.

추가로 궁금한 점이 있다면 댓글 남겨주세요. 감사합니다. 

#말줄임표 #CSS말줄임표 #CSS점점점 #점점점처리

0 Comments
댓글쓰기 폼
Prev 1 2 3 4 5 6 7 8 9 10 Next