2011. 12. 7. 14:38 모바일 웹
긴 타이틀 다루기 말줄임(...)
max-width:160px; 최대 길이가 160px
overflow:hidden; 엘리먼트 테두리 밖으로 빠져 나오는 내용을 잘라내도록 브라우저에 지시
white-space:nowrap; 브라우저가 행을 둘로 나누지 못하게 막음
text-overflow:ellipsis; ellipsis 는 브라우저가 전체 문자열이 표시된 것이 아님을
사용자에게 알려주기 위해 점 세 개를 잘려진 텍스트의 끝에 덧붙여 줌
overflow:hidden; 엘리먼트 테두리 밖으로 빠져 나오는 내용을 잘라내도록 브라우저에 지시
white-space:nowrap; 브라우저가 행을 둘로 나누지 못하게 막음
text-overflow:ellipsis; ellipsis 는 브라우저가 전체 문자열이 표시된 것이 아님을
사용자에게 알려주기 위해 점 세 개를 잘려진 텍스트의 끝에 덧붙여 줌
'모바일 웹' 카테고리의 다른 글
모바일 전용 웹 분석 (0) | 2011.12.26 |
---|---|
맨위까지 자동 스크롤 (0) | 2011.12.07 |
jQuery Mobile로 제작된 모바일 웹앱 갤러리 (0) | 2011.09.06 |
스마트폰 관련 디자인 참고 사이트 (0) | 2011.09.05 |
[링크] 미디어 쿼리를 이용한 Responsive Web Design 실제 구현 이슈 (0) | 2011.08.11 |