javascript - line breaks in Div -


$("textarea").blur(function() {    $("div").html($("textarea").val());  });    $("textarea").blur();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>  <div></div>    <textarea>test123123123123123123123123123123 teateafsdsafsdafaasdf</textarea>

i content in div appear same in textarea (line breaks instead of showing in 1 line).

i've tried set height , width gives me horizontal scroll bar.

use word-break:break-all , give width div should work check snippet

$("textarea").blur(function() {    $("div").html($("textarea").val());  });    $("textarea").blur();
div,textarea{    word-break:break-all;    width:220px;    border:1px solid black;    margin:10px;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div></div>    <textarea>test123123123123123123123123123123 teateafsdsafsdafaasdf</textarea>

hope helps


Comments

Popular posts from this blog

php - trouble displaying mysqli database results in correct order -

depending on nth recurrence of job in control M -

sql server - Cannot query correctly (MSSQL - PHP - JSON) -