css문자열자르기1 CSS를 이용한 문자열(제목) 자르기 / white-space, text-overflow CSS를 이용하여 간단하게 문자열을 자르는 방법에 대하여 알아 보겠습니다. 목록 화면 등에서 제목을 자르는 용도로 사용하면 좋을 것 같습니다. 영역을 설정하고 그 영역에서 벗어날 경우, 내용을 자르고 생략부호를 추가하여 표시되도록 하는 방법입니다. 예제 문자열 자르기 테스트 입니다. 예제 결과 예제 CSS 속성값 설명 - white-space : nowrap 줄바꿈이 실행되지 않도록 합니다. - width: 200px 너비를 지정합니다. - overflow: hidden 설정 영역을 넘었을 경우 숨김 처리 합니다. - text-overflow: ellipsis 영역을 넘을 경우 생략부호(...) 를 사용하여 생략처리 하여 넘지 않도록 합니다. 기타 속성값 알아보기 - white-space normal →.. 2018. 5. 27. 이전 1 다음