<html>
<!-- 채팅 영역-->
<div class="chatView" id="chatView">
...내용...
</div>
<div class="chatInput">
<!-- 입력 영역-->
<textarea placeholder="내용을 입력하세요"></textarea>
<div>
<!-- 보내기 버튼-->
<a href="#" onclick="javascript:sendMessage(); return false;"></a>
</div>
</div>
</html>
현재상황
textArea 에 글을 입력 하고 보내기 버튼을 누르거나 다른 사용자로 부터 메세지를 받았을때 div chatView 영역에 내용이 들어간다.
문제점
한글로 입력했을때는 자동 줄바꿈 되어 표시되나 영문으로 길게 입력 했을때는 자동 줄바꿈이 되지 않고 입력되는 엘리먼트가 영역 밖으로 벗어나 안보이게 된다
해결방안.
<div class="chatView" id="chatView" style="word-break:break-all;">
노랑 색 스타일만 추가해주면 문제 해결.ㅋㅋㅋㅋ
댓글 없음:
댓글 쓰기