바이트수에따라 자르게되면 i와 ㅁ의 크기가 달라 줄바꿈이 되거나. 약간 모지라게 자르는 경우가 많다. 아래는 해결법
.ellipsis{
display:block; width:198px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
ie6이상 에서만 동작한다고 한다.
php에서는 mb_strimwidth() 함수 사용
'웹프로그래밍 > HTML, CSS' 카테고리의 다른 글
| [HTML] excel 출력시 내용 줄바꿈 (0) | 2014.04.23 |
|---|---|
| HTML to Excel 엑셀출력 데이터타입 지정 (0) | 2013.11.07 |
| [CSS] 웹 색상표 (0) | 2013.09.13 |
| ie의 호환성보기 버튼 없애기 (0) | 2013.09.03 |
| URL Encoding Table(URL 인코딩 테이블) (0) | 2013.06.14 |
