영문입력시 자동으로 다음줄로 자르는 방법좀 알려주세요 정보
영문입력시 자동으로 다음줄로 자르는 방법좀 알려주세요
본문
wr_2의 입력받은내용을 출력하는데,
칸을 띄우지 않고 입력하는 한글입력은 자동으로 다음줄로 바뀌는데, 영문을 입력하면 자동으로 다음줄로 변경이 안되고, 그대로 한줄로 쭉~~ 나와요..그래서 틀이 깨지는데..
영문도 한글처럼 똑같이 적용하려면 어떻게 해야 하나요..?
한글의 예제)
코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트
한글은 자동으로 잘려서 다음줄로 내려오는데...
영문의 예제)
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
영문의 경우는 한줄로 쭉~~~나옵니다..
칸을 띄우지 않고 입력하는 한글입력은 자동으로 다음줄로 바뀌는데, 영문을 입력하면 자동으로 다음줄로 변경이 안되고, 그대로 한줄로 쭉~~ 나와요..그래서 틀이 깨지는데..
영문도 한글처럼 똑같이 적용하려면 어떻게 해야 하나요..?
한글의 예제)
코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트코멘트
한글은 자동으로 잘려서 다음줄로 내려오는데...
영문의 예제)
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
영문의 경우는 한줄로 쭉~~~나옵니다..
댓글 전체
<td style='width:100%; word-break:break-all;'></td>
????
????
word-break:break-all
결과적으로 비슷한 것입니다만, 현재로 보면 줄바꿈에 대한것도 제대로 하려면 머리가 좀 복잡합니다.
현재 word-break:break-all; 을 사용하면 유효성 체크에서 통과가 안됩니다.
이부분은 아직 표준브라우저에서 지원이 안되는 부분인데요.
아래 내용을 참고로 각 브라우저별로 테스트해보세요.
------------------------------------
<style type="text/css">
#a { white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ }
#a { white-space: -pre-wrap; /* Opera 4-6 */ }
#a { white-space: -o-pre-wrap; /* Opera 7 */ }
#a { word-wrap: break-word; /* Internet Explorer 5.5+ */ }
</style>
<div id="a" style="width:300px;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccccccccccccccccccccccccc
</div>
------------------------------------
유효성 통과를 목적으로 코딩한다면 white-space:normal; 혹은 white-space:nowrap; 정도로 하고
white-space:nowrap; 일때는 구상한 레이아웃을 유지하는 차원에서 overflow:hidden; 으로 처리하는 정도인것 같습니다.
참고로 ie 속성에서 line-break에 대한것도 파악해두시면 도움이 되실듯 합니다.
현재 word-break:break-all; 을 사용하면 유효성 체크에서 통과가 안됩니다.
이부분은 아직 표준브라우저에서 지원이 안되는 부분인데요.
아래 내용을 참고로 각 브라우저별로 테스트해보세요.
------------------------------------
<style type="text/css">
#a { white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ }
#a { white-space: -pre-wrap; /* Opera 4-6 */ }
#a { white-space: -o-pre-wrap; /* Opera 7 */ }
#a { word-wrap: break-word; /* Internet Explorer 5.5+ */ }
</style>
<div id="a" style="width:300px;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccccccccccccccccccccccccc
</div>
------------------------------------
유효성 통과를 목적으로 코딩한다면 white-space:normal; 혹은 white-space:nowrap; 정도로 하고
white-space:nowrap; 일때는 구상한 레이아웃을 유지하는 차원에서 overflow:hidden; 으로 처리하는 정도인것 같습니다.
참고로 ie 속성에서 line-break에 대한것도 파악해두시면 도움이 되실듯 합니다.
