'CSS'에 해당되는 글 1건

  1. 2008.07.10 영문/숫자 자동 줄바꿈 css 코드
동일한 영문/숫자를 연속적으로 길게 입력할 경우, 디자인이 깨질 수 있다.
그같은 css의 해당 스타일에 아래와 같이 추가한다.

word-wrap:break-word;word-break:break-all;

하지만 파이어폭스는
동일한 영문/숫자를 연속적으로 길게 입력할 경우, 
위의 스타일속성으로는 해결할 수 없다.
그때는 아래와 같은 속성을 더 추가해주어야 한다.

overflow:hidden; //초과되는 텍스트는 감춰버린다.
overflow:scroll; //스크롤을 걸어준다(모든 텍스트에..)
overflow:auto; //초과되는 텍스트에만 스크롤을 걸어준다.

단, overflow속성을 사용할때 주의할점은 width가 정확하게 지정되어야한다.
100% 등으로 지정되면 처리가 안되고 700px 처럼 수치를 정확하게 입력해주어야한다.
해당 태그가 아니라 상위태그에서라도 수치는 명확하게 입력되어져야한다..
카테고리 없음 l 2008. 7. 10. 15:30
1 

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

카테고리

분류 전체보기 (117)
작업노트 (98)
거미줄세상 (12)
쌓기 (1)
책읽기 (0)
Reviews (4)

달력

«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
get rsstistory! Tistory Tistory 가입하기!