웹 스터디노트/CSS29 float 해제 1. 가상엘리먼트 이용 (좋은방법) #id / .class { zoom:1;} #id:after / .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} 2. overflow (자주쓰이지만..) .class { overflow:auto;}, 또는 .class { overflow:hidden;} 3. float:left; 4. clear:both; 5. inline-block .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} .class { display:inline-block;} 6. 빈 엘리먼트로 처리 : f.. 2010. 6. 15. word-wrap:break-word; (-ing) 영어 텍스트를 깨주기 위해 쓰임. * 참고로 기존에 쓰이던 소스 : word-break:break-all; # Reference [2010.6.15] 퍼센트로 width를 잡은 테이블 안에서는 안 깨지고 테이블이 같이 늘어남...(ff) [2010.6.16] word-wrap:break-word; 테이블 안 한글에서 문제생김. └ 해결방안 : td 안에 div를 넣고 width를 다시 잡아주기. ul로 마크업이 되어있을 때는 ul에 width 값을 줌. 즉, block요소에 width값이 없어서 바깥쪽에 있던 테이블에 영향을 미쳤던 현상. !!!!꼭 width를 줄 것.!!!! [2010.6.16] word-wrap:break-word; ie에서 좌우로 공간생김. [2010.8.20:삼성SDS 공간 - .. 2010. 6. 10. 이전1 1 2 3 4 다음 728x90 반응형
