1. 오류
당시 게시판에서 사용자가 입력할 때 br 태그가 생성되어 아래와 같은 말줄임 오류가 생겼음
(아마도 게시판을 이용할 때 enter키로 줄바꿈을 하면 html 문서 내에는 br 태그가 삽입된 것으로 추정합니다..)
br 태그가 입력되어 라인이 늘어난 만큼 말줄임 표시가 되었음

2. 당시 작성했던 코드
한 줄 말줄임 시 간단하게 아래 코드처럼 작성했음
|
1 |
.example {width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} |
3. 해결방법 (두 줄 이상 말줄임 표시 바로가기)
두 줄 이상 말줄임 표시 방법대로 입력하고 -webkit-line-clamp의 값에 1을 입력함
(게시판 같은 텍스트가 여러 줄로 늘어날 수 있는 상황이 생길 것 같다면 애초에 아래 방법대로 코드를 작성한다면 이슈가 생기지 않을 것 같습니다!)
|
1 2 3 4 5 6 7 8 |
.example { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; } |
br 태그가 생성되어도 이슈가 생기지 않고 한 줄 말줄임 표시 가능

안녕하세요! 박서연입니당 (*ˊᵕˋ*)ノ