상담문의 010-2343-0702

Home > 고객센터 > 자료실

자료실

자료실

html 자동줄바꿈 태그

  • 하나솔루션
  • 2017-11-10 15:42:33
  • hit892
  • 121.125.23.140

white-Space : 띄어쓰기나 줄바꿈, 탭으로 인한 공백 등의 공백문자를 처리하는 방법 설정.

 

white-space:normal;
white-space 기본값으로 연속 공백과 줄바꿈 등을 통합해서 표현

(보통 띄어쓰기와 줄바꿈을 몇번 하든지 결과는 띄어쓰기 한칸 인것처럼 적용)

 

white-space:pre;

normal과 반대로 원문 그대로 출력

 

white-space:nowrap;

공백은 nomal, 줄바꿈은 pre

 

white-space:inherit;

부모요소의 값을 상속

 

word-break : 텍스트가 들어가는 블록요소의 가로 사이즈에 맞춰 줄을 바꿈 , 강제줄바꿈 방지하고 텍스트 길이제한

 

word-break:normal;

word-break의 기본값으로 단어 단위로 끊어서 줄바꿈

 

word-break:break-all;

특수문자를 제외하고 강제로 줄바꿈

 

word-break:break-word;

특수문자를 포함하고 강제 줄바꿈

 

word-break:nowrap;

줄바꿈 하지 않음


word-break:keep-all;

한글일 경우 띄어쓰기 기준으로 짤림

아시아 언어만 지원 (한글, 중국어, 일본어)
ie, 파이어폭스 3.5 이상 지원

 

word-wrap : 텍스트가 들어가는 블록 요소의 사이즈에 따라 줄바꿈 해주는 코드.

 

word-wrap: nomal;

word-wrap의 기본값으로 자르지 않음

 

word-wrap: break-word;

가로사이즈나 엘리먼트에 맞춰서 강제 줄바꿈 해줌

word-break:break-all; 과 같은 결과물

모든 브라우저 적용 가능

 

text-overflow : 긴 문자열을 잘라주는 형태를 지정

 

text-overflow:clip;

엘리먼트의 테두리에 맞춰서 글자를 자름

 

text-overflow:ellipsis;

잘라지는 끝부분에 자동으로 '...'을 넣어줌

ie6 이상에서만 지원 가능, 파이어폭스는 안됨

width 값이 지정되어야 하고 높이를 정해주거나 white-space-nowrap; 속성 사용해야 함

CSS의 white-space와 word-break를 함께 써야한다.

게시글 공유 URL복사
댓글[0]

열기 닫기

빠른상담 신청현황

  • 하**님이 문의하셨습니다.
    상담신청
  • 하**님이 문의하셨습니다.
    상담신청
  • 하**님이 문의하셨습니다.
    상담신청
  • 하**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 고**님이 문의하셨습니다.
    상담신청
  • 박**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 대**님이 문의하셨습니다.
    상담신청
  • 성**님이 문의하셨습니다.
    계약완료
  • 숙**님이 문의하셨습니다.
    계약완료
  • 만**님이 문의하셨습니다.
    계약완료
  • 주**님이 문의하셨습니다.
    상담완료
  • 성**님이 문의하셨습니다.
    상담완료
  • 현**님이 문의하셨습니다.
    상담완료
  • 하**님이 문의하셨습니다.
    상담완료
  • 이**님이 문의하셨습니다.
    상담완료
  • 정**님이 문의하셨습니다.
    상담완료

무통장 계좌번호

하나은행 : 661-910388-38207
예 금 주 : 하나솔루션(정지혜)

네임서버

1차 ns1.webit.kr 211.215.17.210
2차 ns2.webit.kr 211.215.17.212

서버 호스팅 주소

서울 서초구 서초동 1710-1 SK 브로드밴드 IDC

커뮤니티

  • 042-362-0702

  • 업무시간 : 월~금 오전9시 ~ 오후 6시

  • 점심시간 : 오후 12시 ~ 오후 1시

  • 토,일,공휴일, 국경일 : 휴무

상단으로 바로가기