[HTML/CSS] 텍스트 줄임말(...) 처리 - ellipsis
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: text ellipsis 처리 **/ 텍스트의 경우 white-space: nowrap;text-overflow: ellipsis;overflow: hidden; 테이블의 경우 텍스트가 길어지면 세가지 현상이 나타나는데, 1. 테이블 길이가 텍스트 길이에 맞춰진다.2. 텍스트가 줄바꿈 되면서 테이블의 세로 길이가 늘어난다.3. 텍스트가 테이블 크기를 뚫고 나간다. 에는 "table-layout: fixed", 에는 "white-space:nowrap; text-overflow:ellipsis; overflow:hidden;" HTML 번호 제목 작성자 등록일 조회수 1111111111 제목입..
Web/HTML::CSS
2016. 12. 9. 15:59