게시판과같이 작성 페이지에서 엔터를 치지 않고 길게 글을 작성 후 DB에 저장한 뒤 다시 불러올 경우
엔터값이 없으면 지정한 with값을 무시하고 글이 길어 지는 경우가 있다.
IE도 버전별로 방법이 다르고 브라우저 별로도 다르기 때문에 브라우저 별로 작성해 주어야 한다.
보통 게시판 뷰 화면의 pre태그에 많이 사용하는 방법이다.
화면을 감싸는 테이블은 사이즈 지정 후 table-layout:fixed; 속성을 주어야 한다.
어떤 브라우저인지는 기억이 나지 않지만 해당 속성을 테이블에 주지 않을 경우 적용이 안되는 브라우저가 있다.
그리고 줄바꿈을 하려는 태그에는 다음과 같은 스타일을 적용해 주자!
board_view{
white-space: pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-break: break-all;
table-layout:fixed;
}
첫번째 줄은 기본 CSS3 태그이고, 두번째줄과 세번째줄은 오페라브라우져이다.
네번째줄은 IE구버전과 파이어폭스 구버전, 다섯번째줄은 IE버전과 사파리, 마지막 줄은 파이어폭스 스타일이다.
자주 사용하지만 항상 사용하려고 보면 찾게 되는 스타일 중에 하나이다.