글자수 길이 제한

게시판 글들을 리스팅할 때 제목은 길이에 맞게 절삭하고, 뒷부분에 '...' 을 붙이는 것이 일반적이다.

PHP 등 개발 코드에서 자르는 경우 데이터 타입(한글/영문/숫자)을 신경 써서 처리하다 보면 제목의 길이가 일정하지 못하고 결과적으로 예쁘게 표시하기 힘들다.

.main_box .main_notice li span.text { display:inline-block; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_box .main_notice li span.date { float:right; color:#b3b3b3; font-size:11px; *margin-top:-20px}

상황에 따라 display:block 또는 display:inline-block 사용(최근 글 li에 적용하려고 inline-block).

span 태그의 width 이상 긴 문자열은 자동으로 잘리고 '...' 가 붙게된다.