브라우저보기 콘텐츠 붕괴, 창이 최소화되면?

Question

browser window이 fully maximized 인 경우 내 응용 프로그램이 좋아 보인다. 그리고 minimizedbrowser window 일 때 콘텐츠는 collapsed이됩니다.

콘텐츠를 접을 필요가 없습니다. div은 textarea처럼 보이며 메시지는 %에만 표시됩니다. 내 JSP로 될 것

,

<div style="padding-left: 16px;" id="messageLayout"> 
    <div id="messageDisplayArea" > 

    </div> 
</div> 

내 jquery 내가 클릭하면 될 것이라고 send button이

function send(){ 
    name = $("#name").val(); 
    message = $("#message").val(); 
    var time = "Time"; 

    var user = "<div id='user' class='fontStyle'>"+name+"</div>"; 
    var msg = "<div id='msg' class='fontStyle'>"+message+"</div>"; 
    var timeStamp = "<div id='time' class='fontStyle'>"+time+"</div>"; 

    var row = "<div id='msgSet' >"+ user + msg + timeStamp +"</div>"; 

    $("#messageDisplayArea").append(row); 
} 

내 CSS 될 것

#messageDisplayArea { 
    height: 250px; 
    width: 100%; 
    overflow: auto; 
    border-color: #6495ED; 
    white-space: normal; 
    border-style: solid; 
    border-width: 1px; 
    background-color: white; 
} 

#user { 
    width: 10%; 
    float: left; 
    color: red; 
    word-wrap: break-word; 
} 

#msg { 
    width: 79%; 
    color: green; 
    float: left; 
    word-wrap: break-word; 
} 

#time { 
    width: 10%; 
    float:left; 
    color: gray; 
    word-wrap: break-word; 
    padding-left: 5px; 
} 

#msgSet { 
    width: 100%; 
    float:left; 
    word-wrap: break-word; 
    padding-bottom: 5px; 
    padding-top: 5px; 
} 

좋은 답변은 확실히 고맙습니다.

Answer 1

시도해주세요. word-wrap: break-word