닫기
이전 다음

NOTICE

새로움을 향한 설.레.임

[CSS]텍스트 줄바꿈 처리,word-break

페이지 정보

작성자 홈피사랑 작성일14-07-01 17:18 조회2,871회 댓글0건

본문

텍스트 줄바꿈 처리를 해야할때 경우에 따라서 단어별로 혹은 강제 줄바꿈 해야할때 유용한 css 입니다.

 

word-break:normal
기본적으로 단어단위로 줄바꿈 됩니다.


word-break:break-all
강제로 줄바꿈해서 좌우 여백이 맞춰집니다. ^^


word-break:break-word;
normal과 비슷함.
차이점은 normal의 경우는 띄어쓰기가 없을경우 줄바꿈이 안되고 break-word의경우엔 줄바꿈이 됩니다.

 


word-break:nowrap;
width상관없이 무조건 한행으로 표시함.

댓글목록

등록된 댓글이 없습니다.

홈피사랑 제공서비스

  • 홈피사랑 홈페이지제작 1.웹표준, 크로스브라우징 지원

    웹표준, 크로스브라우징 지원

    IE, 크롬, 사파리,파이어폭스 등 어떤 브라우저에서도 동일하게 홈페이지가 보여질 수 있도록 제작됩니다.

  • 홈피사랑 홈페이지제작 2.호스팅/도메인 1년 무상지원

    호스팅/도메인 1년 무상지원

    기본형 호스팅,도메인 1년 무상지원

  • 홈피사랑 홈페이지제작 3.원본파일제공

    원본파일제공

    추후 수정 및 유지관리가 용이하도록 제작완료 후 홈페이지 소스를 제공합니다.

  • 홈피사랑 홈페이지제작 4.검색등록 무료지원

    검색등록 무료지원

    네이버,다음 사이트 및 지역검색 등록 지원 및 노출 키워드제안(협의후)