태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

2007.09.27 13:29

줄바꿈이되지않아 레이아웃 깨질때 사용 합니다.

/* 적용 : ie6,7,8, sf4 */
/* 예외 : op9, ff3 */
속성 : word-wrap
값: normal(default) | break-word


/* ie전용 */
속성 : word-break
값 : keep-all(default) | break-all


style="word-break:break-all"  특수문자를 제외하고 강제 줄바꿈

style="word-wrap:break-word" 특수문자를 포함하고 강제 줄바꿈

style="word-break:nowrap" width를 지정하였지만 개행이 되지 않기를 원할때 사용.

style="word-break:keep-all" 텍스트가 한글일 경우 띄워쓰기 기준으로 개행된다.

 
* FF3.0 에서는 width 도 넣어줘야 한다. 
*텍스트제한(강제 줄바꿈방지; 텍스트 길이제한;)

width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;


    word-break: keep-all;
를 하면 된다..

만일 테이블이 깨질 경우
    word-wrap: break-word;
속성을 주면 줄 바뀜이 된다.



ie 전용 css다.
ff에서는 현재 딱히 방법이 없는 걸로 알고 있다...

의외로 유용한 속성인데..
ff도 지원하면 좋을 려만.. ㅡㅡ^



http://blog.naver.com/kyoungseop?Redirect=Log&logNo=140131497031

http://blog.naver.com/PostView.nhn?blogId=tyboss&logNo=70093365337 

'웹표준 > CSS' 카테고리의 다른 글

!DOCTYPE 선언 방법  (0) 2007.10.11
수직 정렬  (0) 2007.10.10
텍스트 wrap  (0) 2007.09.27
postion  (1) 2007.09.21
border-style  (0) 2007.09.20
text-overflow  (0) 2007.09.19
Posted by 고시랑

티스토리 툴바