문장에서 말줄임표 생성하는 방법

css에서 말줄임표를 생성하려면 5단계가 필요하다.

1. 해당 요소는 블록타입이어야한다.

2. 해당 요소의 가로크기는 고정되어야 한다.

     p{width:300px;}

3. 해당 요소는 줄바꿈이 차단되어야한다.

     p{width:300px;white-space:nowrap;}

4. 해당 요소의 넘치는 부분을 숨겨야 한다.

     p{width:300px;white-space:nowrap;overflow:hidden;}

5. 마지막으로 말줄임표를 생성하는 스타일을 추가한다.

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

여러줄일 때(단, 비표준이라서 모든 브라우저에서 적용되는 것은 아니다)
1.display:-webkit-box;
2.-webkit-line-clamp:숫자;(콘텐츠가 고정될 줄 수를 지정)
3.-webkit-box-orient:vertical;
4.white-space:normal;
5.text-overflow:ellipsis;
6.max-height:숫자px;