HTML/CSS 글자수가 너무길때 ... 으로 표시하기.

안녕하세요. 달소입니다.

이번편은 사이트 운영을하면서 주먹구구식으로 하고 있는 CSS 입니다.

아래처럼 게시판이름이 너무 길어서 게시판마다 사이즈가 달라 일관성도 없고.. 가독성도 없어 보여서 오늘 날 잡고 수정했습니다.

그래서 기준을 잡고 그 이상으로 글씨가 나올 경우 ... 으로 자르도록 해보았습니다.

라이믹스의 slow 게시판 기준이기때문에 css 사용방법만 아시면됩니다.

저처럼 이미 유지보수를 포기했으면.. style="width:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;" 이렇게 주시면 되고 클래스에 해당내용을 주시려면아래처럼 넣어주시면 됩니다.

.line_limit {
      width:70px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      display:inline-block;
  }

간단하게 넓이가 70px 이상이면 ... 으로 표시한다는 CSS입니다.

오늘도.. 주먹구구식으로 하나 해결했습니다. ㅎ