ellipsis (1) 썸네일형 리스트형 웹 - 말줄임표, 어떻게 처리하시나요? text-overflow: ellipsis를 사용해보세요. 고정폭이 아닌 반응형 사이즈의 경우, 한 줄에 제목을 표시하고 말줄임표 ... 을 나타내는 데에 난감한 경우가 많으셨을 겁니다. 많은 사람들이 아직도 스크립트 언어에서 문장의 글자수를 자르고 뒤에 ...을 붙이는데, 이렇게 할 경우 width를 픽셀이 아닌 %로 지정하면 화면에 따라 문장이 깨지게 됩니다. 다음 모바일 화면을 보시면 제목 뒤에 ... 이 붙어있을거에요. 아래 css는 다음 모바일에서 사용하는 제목의 css 입니다. .ta_txt .link_txt { display: block; overflow: hidden; min-height: 17px; padding: 10px 12px 9px; line-height: 1.15; letter-spacing: -1px; white-space: nowra.. 이전 1 다음
